使用VisualStudio 建立完整的 Angular Web 应用

使用VisualStudio 建立完整的 Angular Web 应用

Angluar 使用VS Code 可以方便的开发,是用自带的server调试,但到了真正部署的阶段,肯定需要Server

使用VS 可以使用 .NET Core 5.0 方便的开发一个完整的 Angular 应用程序

前期准备:

1. 安装扩展

使用VisualStudio 建立完整的 Angular Web 应用

2. 安装扩展

使用VisualStudio 建立完整的 Angular Web 应用

步骤:

1. 新建一个 ASP.NET Core 的工程

使用VisualStudio 建立完整的 Angular Web 应用

 2. 添加组件

使用VisualStudio 建立完整的 Angular Web 应用

使用VisualStudio 建立完整的 Angular Web 应用

 使用VisualStudio 建立完整的 Angular Web 应用

 随时可以安装 npm 包

使用VisualStudio 建立完整的 Angular Web 应用

 使用VisualStudio 建立完整的 Angular Web 应用

3. 直接运行

第一次 ReBuild 会导致安装 npm 依赖,如果npm安装特别慢,甚至最后失败了,就用淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm i

这个速度很快

运行效果:

使用VisualStudio 建立完整的 Angular Web 应用