您的位置: 首页  >  文章  >  安装Angular-Cli以及失败原因解决（Angular4.0）,Angular-Cli卸载

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

分类: 文章 • 2023-03-15 00:06:37

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

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

一、安装Angular-Cli


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

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

    

[html] view plain copy
  1. node -v    查看node版本  
  2. npm -v      查看npm版本  

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


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

       

[html] view plain copy
  1. npm config set registry https://registry.npm.taobao.org  


3、因为angular-cli是用typescript写的，所以要先装这两个：
 
[html] view plain copy
  1. npm install -g typescript typings  
[html] view plain copy
  1.   

4、安装angular-cli:

       

[html] view plain copy
  1. npm install -g [email protected]  

上面这个语句安装的最新版本是28.3，[email protected]: 并且可能会报这个错

[html] view plain copy
  1. npm WARN deprecated [email protected]: angular-cli has been renamed to @angular/cli. Please update  
  2. your dependencies.  

最新版安装应该是
[html] view plain copy
  1. npm install -g @angular/cli  

这时，ng -v是这样的
[html] view plain copy
  1.     _                      _                 ____ _     ___  
  2.    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|  
  3.   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |  
  4.  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |  
  5. /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|  
  6.                |___/  
  7. @angular/cli: 1.3.2  
  8. node: 8.4.0  
  9. os: win32 x64  



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


如果你之前安装失败过，最好在安装angular-cli之前先卸载干净，用以下两句：
      
[html] view plain copy
  1. npm uninstall -g angular-cli  
  2. npm cache clean   

卸载新版本

npm uninstall @angular/cli





可能新版本会提示使用npm cache verify删除，可能删除不成功，强制删除
[html] view plain copy
  1. npm cache verify --force  


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

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

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


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

[html] view plain copy
  1. <pre class="html" name="code">npm install -g @angular/cli  
  2. </pre>  
  3. <pre></pre>  

安装最新的angular-cli即可。


二、失败以及解决办法
    1、缺少Python环境     

            a、下载     http://www.cnblogs.com/liangxiaojie/p/4595406.html    

            b、安装     最好安装在C盘    

            c、配置环境变量，有些同学是在公司，有时候没有权限配置系统环境变量，那么在用户变量哪里配置也是可以的电脑->属性->高级配置->环境变量->把安装的Python路径复制到path里面就可以了

相关推荐