Asp.Net:使用官网的模板启动angular项目

原创已于 2022-12-10 23:04:34 修改 · 968 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#开发语言 #c# #visualstudio #angular.js

于 2022-10-17 01:11:00 首次发布

这篇新手教程针对ASP.NET Core v5.x和Visual Studio 2019的开发环境，详细讲解如何处理版本冲突问题。首先，确保安装dotnet SDK 5.0.413，执行`dotnet --info`验证。接着，设置web.host为启动项目，执行数据库迁移。对于后端，使用VS Code和Node.js 12，遇到版本冲突时调整Node.js和Angular版本。安装完成后，通过npm install和npm start启动前端。最后，登录系统时，用户名为admin，密码为123qwe。

新手傻瓜式教程:主要问题在于版本冲突

这里asp.net core我选择v5.x

使用的后端开发环境:visual studio 2019版本,要提前安装dotnet sdk 安装版本选择5.0.413,里面包含了asp.net.core5.0.17版本和net.core5.0.17版本,也可以单独安装.在命令窗口中执行dotnet --info查看安装的版本信息,特别提示不需要配置环境变量!

参考官方文档,需要将web.host后缀文件设置为启动项目, 打开包管理控制台选择.entityframeworkcore后缀的文件,执行Update-Database数据库数据迁移 .需要安装sql server数据库,可以在appsettings.json修改数据库名称,执行成功后运行.webhost文件.

后端:参考官方文档,使用visual studio code nodejs12 npm自带,visual studio code 直接打开项目文件(重新解压项目压缩包生成新项目,不使用已经运行在vs2019项目),在控制台cd进入angular文件夹下,执行npm install.执行失败可能已经安装的nodejs与angular12.0.5发生冲突,更换版本就好,安装完成,执行npm start 如果发生冲突导致失败,可能是安装的angular cli与当前angular文件已经安装的angular cli发生冲突.

执行成功后: 登陆名 admin 密码123qwe