*、安装 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】跳转到项目使用的目录