1.Angular Cli安装

1.前言：

本文中的所有 Angular都是基于2+以上的版本，和Angular 1区别在哪，请看文章，不过笔者认为Angular 1确实挺让人失望的，如果不是改版升级，真没有再次想去了解的冲动。

2.Angular Cli

用过Vue（Vue专栏）的同学都知道Vue-cli脚手架快速搭建一个Vue工程，Angular Cli也是这般操作。

3.安装angular 脚手架

  npm install -g @angular/cli

4.查看是否安装成功

  ng version

image.png

5.进入磁盘创建项目(d:\angular)

前方高能，如果你的网络能墙或者国外网络 参考官网步骤创建项目并启动，反之就要呵呵了，以下创建NG项目都是针对不能墙的情况

  ng new ngtemplate --skip-install   // 创建项目但不通过npm安装依赖

6.启动项目

在这里还要啰嗦一句，如果你是Angular 2版本项目，使用cnpm install 然后ng serve就可以启动项目，但是笔者这里是Angular 6 使用cnpm install安装依赖后，ng serve 在95%卡住不动了，原因是插件太旧了，看样子镜像也不是时时最新的，最终还是通过yarn 安装了依赖并启动了项目。

  cd ngtemplate   // 进入项目工程
  yarn  install  // 使用yarn 安装项目依赖，原因参考上面
  ng serve   // 启动项目

image.png

image.png