频道导航

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

2020-04-11 Angularjs 前端之家

前端之家收集整理的这篇文章主要介绍了安装Angular-Cli以及失败原因解决（Angular4.0），前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

转自: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

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

@H_403_93@

  npm install -g typescript typings

4、安装angular-cli:

npm install -g angular-cli@latest

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

@H_403_93@

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

@H_403_93@

最新版安装应该是

@H_403_93@

npm install -g @angular/cli

@H_403_93@

@H_403_93@ 这时，ng -v是这样的 @H_403_93@

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

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

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

npm uninstall -g angular-cli
npm cache clean

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

npm cache verify --force

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

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

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

npm install -g @angular/cli



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

原文链接：https://www.f2er.com/angularjs/146087.html