.NET Core Angular

*、安装 ASP.NET Core 2.2 with Angular 7
   工具 -> 扩展和更新 -> 联机 -> 搜索“ASP.NET Core 2.2 with Angular 7”
   新建项目 -> Web -> 可见“ASP.NET Core 2.2 with Angular7”

1、安装 nodejs
   查看当前的 Node 版本:node -v
   查看当前的 Npm 版本:npm -v

2、安装 Angular CLI
   npm install -g @angular/cli
   查看当前的 Angular CLI 版本:ng version

   // 淘宝镜像解药
   SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

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

3、全局安装 TypeScript
   npm install -g typescript 
   查看当前的 TypeScript 版本:tsc -v 或 tsc --version

   更新版本
   npm update -g typescript

4、安装 webpack(打包环境、代码压缩)
   npm install webpack -g

5、创建 Angular 项目
   Angular CLI 为我们提供了两种方式,用于创建新的应用程序:

   ng init 【在当前目录创建新的应用程序】
   ng new  【创建新的目录,然后在新建的目录中运行 ng init 命令】

   比如:ng new my-app(貌似项目名称中不能有下划线)


   打开 “dos 命令行窗口” 输入 “cmd” 回车,输入【D:】跳转到D盘根目录,然后输入【CD MyFile\Project\Angular】跳转到项目使用的目录

6、启动
   cd my-app (进入创建的应用程序目录)
   打开 “dos 命令行窗口” 输入 “cmd” 回车,输入【D:】跳转到D盘根目录,然后输入【CD MyFile\Project\Angular】跳转到项目使用的目录

   ng serve -o(其中的-o(--open)参数表示运行项目的时候打开默认浏览器.)(好使,可以成功运行)

   ng serve(运行应用程序,ng serve的优点是, 代码文件有变化的时候会自动重新构建并且刷新浏览器)

   npm start(编译运行)

*、ASP.NET Core SPA模板

*、打开 “dos 命令行窗口” 输入 “cmd” 回车,输入【D:】跳转到D盘根目录,然后输入【CD MyFile\Project\Angular】跳转到项目使用的目录
 

猜你喜欢

转载自blog.csdn.net/KingCruel/article/details/89016673