环境搭建

安装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