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

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

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 

 

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

 

 

 

 

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