您的位置:首页 > Web前端 > AngularJS

Angular CLI 安装和使用以及安装失败的解决方法

2017-08-18 16:41 537 查看

1. 背景介绍:

两个概念:

关于Angular版本,Angular官方已经统一命名Angular 1.x同一为Angular JS;Angular 2.x及以上统称Angular;

CLI是Command Line Interface的简写,是一种命令行接口,实现自动化开发流程,比如:ionic cli、vue cli等;它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。

2. 安装Angular CLI

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

查看你的node以及npm版本:

node -v 查看node版本

npm -v 查看npm版本

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

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

npm configset registry https://registry.npm.taobao.org


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

npm install -g typescript typings


安装angular-cli:

npm install -g angular-cli@latest


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

npm uninstall -g angular-cli
npm cache clean


经过的等待,Angular CLI就装好了。确认一下:

// 出现下面画面说明安装成功,如果不成功你可能需要uninstall一下,再重新来过
$ ng v
_                           _  _
__ _  _ __    __ _  _   _ | |  __ _  _ __         ___ | |(_)
/ _` || '_ \  / _` || | | || | / _` || '__|_____  / __|| || |
| (_| || | | || (_| || |_| || || (_| || |  |_____|| (__ | || |
\__,_||_| |_| \__, | \__,_||_| \__,_||_|          \___||_||_|
|___/
angular-cli: 1.0.0-beta.28.3
node: 6.11.2
os: win32 x64
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐