Angular CLI安装和使用

一、angular/cli 命令

1. > npm install -g angular/cli

2. > ng new my-dream-app

3. > cd my-dream-app

4. > ng serve

在命令行依次执行上面4个步骤的代码，就可以成功的创建一个angular项目，并可以运行（地址：http://localhost:4200/）

二、angular/cli 安装

1.安装angular/cli之前要确认已经安装过 node.js和npm

    //  显示当前node和npm版本
    $node  -v
    $npm   -v
    //  node版本高于6.9.3   npm 版本高于3.0.0

2.全局安装typescript(可选)

$ npm  install  -g  typescript
//  新建项目的时候会自动安装typescript（非全局）所以这里也不用安装

3.安装Angular CLI

$ npm install -g @angular/cli

当然你也可以参考从淘宝源来安装，整个过程会快很多。

// 安装cnpm
npm install -g cnpm  --registry=https://registry.taobao.org

三、新建angular项目

1.新建angular项目

$ ng new my-app
//my-app 为项目名称

这里要等很久，大概要下载141M的东西。
如果你已经建好了项目文件夹就可以直接使用ng init my-app来新建项目，ng-init和ng-new的区别就是ng-new会帮我们创建一个和项目名称相同的文件夹。

2.成果展示

安装完成之后就可以启动项目了：
cd helloKeriy
ng serve -open
ng serve命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用。
使用--open(或-o)参数可以自动打开浏览器并访问http://localhost:4200/