前端库在Core Web项目中的引入和使用
前端主流的开发框架包括:bootstrap、React和Vue,下面将介绍下.NET 5下ASP.NET Core Web项目中添加和使用客户端bootstrap库进行Razor视图页面开发。
1、打开本地电脑上已经安装的Visual Studio 2019,如下图所示:
![](https://img2020.cnblogs.com/blog/737152/202109/737152-20210907173441543-2068892177.png)
2、点击“创建新项目”,如下图所示:
![](https://img2020.cnblogs.com/blog/737152/202109/737152-20210907173458065-687535488.png)
3、项目模板中,选择“ASP.NET Core Web应用程序”,然后点击“下一步”,如下图所示:
![](https://img2020.cnblogs.com/blog/737152/202109/737152-20210907173511950-2098828681.png)
4、输入项目的名称,浏览项目的存储路径,然后点击“创建”,如下图所示:
![](https://img2020.cnblogs.com/blog/737152/202109/737152-20210907173524580-1784780263.png)
5、选择“ASP.NET Core Web应用”,然后点击“创建”,如下图所示:
![](https://img2020.cnblogs.com/blog/737152/202109/737152-20210907173539730-267034703.png)
6、右键创建的项目名称,依次选择“添加(D)”->“客户端库(L)...”,如下图所示:
![](https://img2020.cnblogs.com/blog/737152/202109/737152-20210907174021972-205011187.png)
7、在弹出的添加客户端库对话框中,在库(L)后面输入要引入的前端库名(因为bootstrap是属于twitter的所以要输入全称),后面选择对应的版本,然后点击“安装”,如下图所示:
![](https://img2020.cnblogs.com/blog/737152/202109/737152-20210907174140028-1164790118.png)
8、添加完成以后,我们会发现项目根目录下多了个libman.json文件,里面包括引入的bootstrap的库版本及位置,如下图所示:
![](https://img2020.cnblogs.com/blog/737152/202109/737152-20210907174413598-1468789963.png)