Angular 环境搭建（适用于win10，安装CLI使用阿里镜像）

注：已使用win10搭建环境，成功！

因系统更换到win10后，Angular 环境搭建使用之前简捷的npm安装流程，一直报错“'ng' 不是内部或外部命令，也不是可运行的程序或批处理文件”，试了很多次，踩了很多坑，看了很多博文，尝试均无效，无奈自己一步一步找原因，综合起来，终于安装成功了。最后，我将整体搭建流程整理了一下，分享给同行，希望大家都可以少走弯路。

关于本文，大家有任何意见、建议、在执行中遇到的问题，欢迎在下边留言，让我们共同将Angular 环境搭建完善！

环境搭建具体流程：

1、Node安装

Node官网下载地址：https://nodejs.org/en/。

1）下载 Node.js ，安装Node.js ；

      注：建议应选择适合自己开发的Node版本进行安装！！！

             最新版本经常会遇到其他相关配置版本不支持，所以不建议选择使用！

             此处我已踩坑，安装了版本v12，如步骤3）截图所示，可node-sass现在最高支持到版本v10，只能重新降级安装T.T

2）Node安装时，默认安装npm包；

3）安装后，查看是否安装成功，可以cmd进入终端，分别执行命令：

      node -v

      npm -v

     执行结果，若显示对应安装的版本号，即安装成功。

 

2、npm安装目录设置

此处，自行设置安装目录，比如我在D盘中新建npmConfig作为安装目录，执行命令：

npm config set prefix D:\npmConfig\npm

npm config set globalconfig D:\npmConfig\npm\etc\npmrc

npm config set globalignorefile D:\npmConfig\npm\etc\npmignore

3、环境变量配置

D:\npmConfig\npm 加入path环境变量（系统变量）

4、阿里镜像设置

安装CLI多种方式，这里建议使用阿里镜像。

阿里在国内搭建的镜像服务器：http://npm.taobao.org，可下载对应的插件包。

1）更换下载镜像，分别执行以下命令：

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

      npm config set disturl https://npm.taobao.org/dist --global

2）执行以上命令不会有提示，查看下载镜像是否设置成功，执行命令：

      npm config get registry

5、安装cnpm

1）下载cnpm，执行命令：

      npm install -g cnpm --registry=https://registry.npm.taobao.org

     安装过程最后会显示安装的版本号。

2）重新打开cmd终端，执行命令：

      cnpm -v

     若步骤1）指令执行正常，而此时无法识别cnpm，可尝试重启电脑，然后重试命令：

      cnpm -v

     此处若遇到问题，可能与环境配置路径不一致等因素有关。

6、安装typescript

1）使用cnpm下载安装typescript，执行命令：

      cnpm install –g typescript

2）显示typescript版本号，执行命令：

      tsc -v  

7、安装 Angular Cli

1）使用cnpm安装 Angular Cli，执行命令：

      cnpm install -g @angular/cli

2）显示cli版本号，安装成功，执行命令：

      ng version

8、其他命令

1）卸载angular/cli：

      npm uninstall -g angular-cli

2）清缓存：

      npm cache clean -force

3）查看当前的配置信息：

      npm config list