安装Angular-Cli以及失败原因解决（Angular4.0）

发布时间：2020-12-17 08:49:02 所属栏目：安全来源：网络整理

导读：转自:http://blog.csdn.net/zhy13087344578/article/details/60745667 由于Angular4升级了，旧版的Angular-Cli支持性不是很好，所以Angular-Cli也需要升级更新，本质就是删除掉以前的，再重新安装就好了。 Angular-Cli is more than tool,it is a platform!

转自:http://blog.csdn.net/zhy13087344578/article/details/60745667

由于Angular4升级了，旧版的Angular-Cli支持性不是很好，所以Angular-Cli也需要升级更新，本质就是删除掉以前的，再重新安装就好了。

Angular-Cli is more than tool,it is a platform!

一、安装Angular-Cli

经过n次的失败安装，终于在最后一次安装成功，为了使同学们少走弯路，现将经验写下来：

1、查看你的node以及npm版本：

  node -v    查看node版本
  npm -v      查看npm版本

要求所有版本都是最新的，不然可能会出错。

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

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

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

  npm install -g typescript typings

4、安装angular-cli:

npm install -g angular-cli@latest

上面这个语句安装的最新版本是28.3，angular-cli@1.0.0-beta.28.3:并且可能会报这个错

npm WARN deprecated angular-cli@1.0.0-beta.28.3: angular-cli has been renamed to @angular/cli. Please update
your dependencies.

最新版安装应该是

npm install -g @angular/cli

这时，ng -v是这样的

    _                      _                 ____ _     ___
   /    _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △  | '_  / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ | | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   __| |_|__,|__,_|_|__,_|_|       ____|_____|___|
               |___/
@angular/cli: 1.3.2
node: 8.4.0
os: win32 x64

包之间的依赖也发生改变了。

如果你之前安装失败过，最好在安装angular-cli之前先卸载干净，用以下两句：

npm uninstall -g angular-cli
npm cache clean

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

npm cache verify --force

同时，在检查你全局的那些npm文件下还残留下图这两个文件，

路径：C盘-->用户-->你登录的账户-->AppData-->Roaming-->npm

有的话也要删掉，删掉后再用"

npm install -g @angular/cli



"安装最新的angular-cli即可。二、失败以及解决办法1、缺少Python环境 a、下载http://www.cnblogs.com/liangxiaojie/p/4595406.html
 b、安装 最好安装在C盘 c、配置环境变量，有些同学是在公司，有时候没有权限配置系统环境变量，那么在用户变量哪里配置也是可以的电脑->属性->高级配置->环境变量->把安装的Python路径复制到path里面就可以了

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!