如何用Visual Studio 2022进行前端开发？
- 内容介绍
- 文章标签
- 相关推荐
本文共计876个文字，预计阅读时间需要4分钟。
前端开发环境多数基于Node.js，关于前端开发不多说。但与使用Visual Studio开发后端Asp.Net Core项目一起调试，却不太方便。所以试着在Visual Studio 2022中开发前端。创建宿主项目，首先创建一个空白网站。
前端开发环境多数基于Node.js，好处不多说了。但与使用Visual Studio开发的后端Asp.Net Core项目一起调试，却不是很方便，所以试着在Visual Studio 2022中开发前端。
创建宿主项目首先创建一个空的Asp.Net Core项目作为宿主，创建完成后将Program.cs中的代码修改如下：
var builder = WebApplication.CreateBuilder(args);
var app = builder.Build();
app.UseDefaultFiles();
app.UseStaticFiles();
app.Run();
app.UseStaticFiles()使这个Web应用支持静态文件，app.UseDefaultFiles()使这个Web应用使用缺省的文件，比如index.html作为缺省的首页。
然后在项目中创建wwwroot目录，在这个目录中，保存静态文件。然后创建index.html，写个Hello World，就可以运行了。
安装前端库在浏览器中可以使用CDN源引用需要的客户端库，可如果在企业内网使用，无法访问CDN源时，需要将客户端库下载到本地使用。
Visual Studio使用libman维护客户端库库。在解决方案资源管理器的项目名称上按右键，选择“管理客户端库”：
会在项目中创建libman.json文件，在这个文件中保存需要引用的客户端库。
本文共计876个文字，预计阅读时间需要4分钟。
前端开发环境多数基于Node.js，关于前端开发不多说。但与使用Visual Studio开发后端Asp.Net Core项目一起调试，却不太方便。所以试着在Visual Studio 2022中开发前端。创建宿主项目，首先创建一个空白网站。
前端开发环境多数基于Node.js，好处不多说了。但与使用Visual Studio开发的后端Asp.Net Core项目一起调试，却不是很方便，所以试着在Visual Studio 2022中开发前端。
创建宿主项目首先创建一个空的Asp.Net Core项目作为宿主，创建完成后将Program.cs中的代码修改如下：
var builder = WebApplication.CreateBuilder(args);
var app = builder.Build();
app.UseDefaultFiles();
app.UseStaticFiles();
app.Run();
app.UseStaticFiles()使这个Web应用支持静态文件，app.UseDefaultFiles()使这个Web应用使用缺省的文件，比如index.html作为缺省的首页。
然后在项目中创建wwwroot目录，在这个目录中，保存静态文件。然后创建index.html，写个Hello World，就可以运行了。
安装前端库在浏览器中可以使用CDN源引用需要的客户端库，可如果在企业内网使用，无法访问CDN源时，需要将客户端库下载到本地使用。
Visual Studio使用libman维护客户端库库。在解决方案资源管理器的项目名称上按右键，选择“管理客户端库”：
会在项目中创建libman.json文件，在这个文件中保存需要引用的客户端库。