前端主流的开发框架包括:bootstrap、React和Vue,下面将介绍下.NET 5下ASP.NET Core Web项目中添加和使用客户端bootstrap库进行Razor视图页面开发。

1、打开本地电脑上已经安装的Visual Studio 2019,如下图所示:

前端库在Core Web项目中的引入和使用

 

 

2、点击“创建新项目”,如下图所示:

前端库在Core Web项目中的引入和使用

 

 

3、项目模板中,选择“ASP.NET Core Web应用程序”,然后点击“下一步”,如下图所示:

前端库在Core Web项目中的引入和使用

 

 

4、输入项目的名称,浏览项目的存储路径,然后点击“创建”,如下图所示:

前端库在Core Web项目中的引入和使用

 

 

5、选择“ASP.NET Core Web应用”,然后点击“创建”,如下图所示:

前端库在Core Web项目中的引入和使用

 

 

6、右键创建的项目名称,依次选择“添加(D)”->“客户端库(L)...”,如下图所示:

前端库在Core Web项目中的引入和使用

 

 


 

 

7、在弹出的添加客户端库对话框中,在库(L)后面输入要引入的前端库名(因为bootstrap是属于twitter的所以要输入全称),后面选择对应的版本,然后点击“安装”,如下图所示:

前端库在Core Web项目中的引入和使用

 

 


 

 

8、添加完成以后,我们会发现项目根目录下多了个libman.json文件,里面包括引入的bootstrap的库版本及位置,如下图所示:

前端库在Core Web项目中的引入和使用

 

 


 

 

 

 

 

相关文章:

  • 2022-12-23
  • 2021-04-23
  • 2022-12-23
  • 2021-11-26
  • 2021-12-23
  • 2021-12-31
猜你喜欢
  • 2022-12-23
  • 2021-08-05
  • 2021-07-29
  • 2022-01-18
  • 2021-10-23
  • 2022-12-23
  • 2021-09-07
相关资源
相似解决方案