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
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 // 启动项目