环境搭建¶
安装Node和npm¶
- 新版本的node.js会自动安装npm,所以不需要单独再下载npm安装
- 官方网站下载最新安装包 https://nodejs.org/en/
- 运行安装文件,一直next直到安装完成
- 打开cmd窗口,执行node -v,正常显示版本号即为安装node.js成功
- 打开cmd窗口,执行npm -v,正常显示版本号即为安装npm成功
最新版本的node.js(12.13.0)安装npm时可能会出错,导致无法使用npm安装angular cli
- 解决方法是安装旧版本的node.js(10.14.1) https://nodejs.org/zh-cn/download/releases/
配置npm registry¶
在执行npm install的时候,有时速度奇慢无比,甚至网络异常。这时就需要淘宝npm源。
在npmrc文件里添加淘宝npm源¶
1 2 | registry=https://registry.npm.taobao.org/ ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ |
windows的npmrc文件位置如下:
C:\Users\[User name]\AppData\Roaming\npm\node_modules\npm\npmrc
如果没有,执行:
1 | npm i -g npm |
安装Angular CLI¶
- 打开cmd,执行npm install -g @angular/cli
- cmd执行ng version,显示版本号即为安装成功
安装Typescript¶
- 打开cmd,执行npm install -g typescript
- cmd执行tsc -v,显示版本号即为安装成功