angularcli环境配置以及失败原因的解决_angular cli环境错误

一、首先你需要安装好nodejs

服务器追求稳定的朋友，稳定性通常是第一考虑要素 ，我选择14.17.6 LST ，安装完，  win+r  输入cmd   再输入node -v  出现版本号说明安装成功

二、安装nrm，-g nrm是全局安装 nrm 模块,用于切换npm的 Registry 的地址，获得更快的下载速度

npm install -g nrm

切换到淘宝的镜像,下载速度会快一些

 nrm use taobao

也可以 设置淘宝镜像，这样下载东西就是从国内网站下载了，网速更快

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

nrm ls 前面有星号说明这是正在使用的镜像地址

 nrm ls

因为angular-cli是用typescript写的，所以要先装这两个

npm install -g typescript typings

三、安装Angular CLI

npm install -g @angular/cli

 安装成功之后，这时运行ng -v测试下，提示正常就OK

ng -v

如遇到ng不是内部或外部命令，也不是可运行的程序

npm install -g npm

四、创建第一个示例工程

新建一个mydemo

 ng new mydemo

 进入项目目录

cd mydemo

运行

  ng serve --open

然后打开浏览器输入

localhost:4200

    常见问题及解决方法

如果你之前安装失败过，最好在安装angular-cli之前先卸载干净

npm uninstall -g angular-cli
npm cache clean

卸载新版本

npm uninstall @angular/cli

新版本会提示使用npm cache verify删除，可能删除不成功，强制删除

npm cache verify --force

在检查你全局的那些npm文件下还残留，全删除

具体是路径是 C盘-->用户-->你的用户名-->AppData-->Roaming下的npm，npm-cache这两文件夹也删除