环境搭建¶
安装Node¶
- 官方网站下载最新安装包 https://nodejs.org/en/download/
- 运行安装文件,一直next直到安装完成
- 打开cmd窗口,执行node -v,正常显示版本号即为安装成功
配置npm 目录¶
- 配置npm全局路径存放位置以及cache的路径:将以上两个文件夹放在NodeJS的安装目录下,建立“node_global”以及“node_cache”两个文件夹。
执行 npm config set prefix "C:\Program Files\nodejs\node_global"以及npm config set cache "C:\Program Files\nodejs\node_cache"
注意替换nodejs安装目录为本机安装的路径
- 在系统变量下新建"NODE_PATH",输入”C:\Program Files\nodejs\node_global\node_modules“
- 将 C:\Program Files\nodejs\node_global 加入到Path变量中
配置npm registry¶
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装cnpm的目的是为了使用国内淘宝npm源,加速获取angular项目所需第三方库
安装完成后执行 cnpm -v 能够正常显示信息即为安装成功
安装 TypeScript¶
cnpm install -g typescript
安装 Angular¶
使用国内源安装angular最新版本
cnpm install -g angular/cli
安装完成后执行 ng -v,正常显示angluar cli界面即为安装成功
- 卸载重装Angular
1 2 3 | cnpm uninstall -g @angular/cli cnpm cache clean cnpm install -g @angular/cli@latest |