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

来源:互联网 发布:stm32 压缩算法 编辑:程序博客网 时间:2024/06/05 20:07

1. 背景介绍:

两个概念:

  1. 关于Angular版本,Angular官方已经统一命名Angular 1.x同一为Angular JS;Angular 2.x及以上统称Angular;
  2. CLI是Command Line Interface的简写,是一种命令行接口,实现自动化开发流程,比如:ionic cli、vue cli等;它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。

2. 安装Angular CLI

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

  1. 查看你的node以及npm版本:

    node -v 查看node版本

    npm -v 查看npm版本

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

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

    npm configset registry https://registry.npm.taobao.org
  3. 因为angular-cli是用typescript写的,所以要先装这两个:

    npm install -g typescript typings

  4. 安装angular-cli:

    npm install -g angular-cli@latest

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

npm uninstall -g angular-clinpm cache clean
  1. 经过的等待,Angular CLI就装好了。确认一下:
// 出现下面画面说明安装成功,如果不成功你可能需要uninstall一下,再重新来过$ ng v                            _                           _  _  __ _  _ __    __ _  _   _ | |  __ _  _ __         ___ | |(_) / _` || '_ \  / _` || | | || | / _` || '__|_____  / __|| || || (_| || | | || (_| || |_| || || (_| || |  |_____|| (__ | || | \__,_||_| |_| \__, | \__,_||_| \__,_||_|          \___||_||_|               |___/angular-cli: 1.0.0-beta.28.3node: 6.11.2os: win32 x64