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
3. 新建项目
最好用:
ng new myapp —skip-install
如果直接ng new myapp 有时候装不上node_modules