安装angular脚手架，详细步骤。避免踩坑

**

安装angular脚手架，详细步骤。

前几天刚学完IT营大地老师讲的Angular框架，准备找个项目实战一下巩固基础，
So……就来博客记录一下我踩过的坑吧~

1安装node和npm

npm install -g npm //更新npm至最新版本

2.设置淘宝镜像

npm config set registry https://registry.npm.taobao.org

3.安装 typescript和typings

cnpm install -g typescript typings

4.全局安装angular-cli

cnpm i -g @angular/cli

5.目前我知道的创建方式有两种：(myApp是项目名，自定义)

1.ng new myApp
2.ng new myApp --skip-install 第一种是创建项目的同时安装node包， 第二种是创建项目跳过node包的安装，需要单独安装 安装命令：cnpm i 或者cnpm install

6、解决‘‘ng’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。’

1.安装node.js
2.cmd 命令执行：(在D盘中新建npmConfig目录) npm config set prefix D:\az\npmConfig\npm npm config set globalconfig
D:\az\npmConfig\npm\etc\npmrc npm config set globalignorefile
D:\az\npmConfig\npm\etc\npmignore npm install cnpm -g
–registry=https://registry.npm.taobao.org

3.配置环境变量 D:\az\npmConfig\npm 加入path环境变量

4.关闭cmd，再重新打开cmd，执行cnpm -v 显示版本号，安装成功

5.使用cnpm下载安装typescript cnpm install –g typescript
6.执行tsc -v 显示typescript版本号，安装完成
7.npm install -g angular-cli@latest
8.测试 ng version】

7、启动项目报错无法加载文件 C:\Users\DH\Desktop\cs\rename.ps1，因为在此系统上禁止运行脚本。有关详细信息，
请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

打开PowerShell 然后输入 get-executionpolicy
以管理员身份打开PowerShell 输入 set-executionpolicy remotesigned

8、报错启动项目报错：You have to be inside an Angular CLI project in order to use the serve command.

输入：cnpm install --save-dev @angular/cli@latest 再次启动：ng serve --open

9、AngularJS启动报错：ERROR in [at-loader] ./node_modules/@types/node/index.d.ts:20:11-错误TS1084：
无效的“引用”指令语法。

打开文件…/node_modules/@types/node/index.d.ts 将 /// 中的前面斜杠去掉一个，然后保存重新编译启动即可
即 《reference lib=“es2016” 》

10、创建项目时报错（× Package install failed, see above. The Schematic workflow failed. See above.）

cnpm镜像错误，类似于翻墙失败，卸载脚手架从新用npm安装 npm uninstall -g angular-cli npm
uninstall --save-dev angular-cli npm uninstall -g @angular/cli npm
cache clean (如果报错，执行强制清除缓存npm cache clean --force) npm install -g
@angular/cli@latest 2，先用ng new project_name
–skip-install，这样跳过module安装，然后用npm install --force这样安装module

.angular常用命令

创建工程：ng new 工程名

启动项目：ng serve --open 或者npm start（在package.json里面配置）

压缩启动项目：ng serve --prod --aot

编译项目：ng build --prod --aot

创建组件：ng g c 组件名 创建服务：ng g s 服务名 添加路由AppRoutingModule：ng g m

app-routing --flat --module=app

–flat 把这个文件放进了 src/app 中，而不是单独的目录中

–module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中