Angular CLI 快速建立Angular 2項目和組件, 壓縮打包發佈。

咱們在使用Angular2項目時，直接使用官網提供的基礎配置文件，在NodeJS下面就能夠生成一個新的ng2項目，可是這樣很是不便利，每次都要新建目錄，複製配置文件，使用Node命令安裝支持庫，最後纔是寫代碼。Angular-cli就是用來簡化這一操做的，並且官方配置文件不包含打包命令，對於新手來講，對System打包和webpack打包都不熟悉的狀況下，使用Angular-cli可以很是方便的生存同樣ng2項目，打包ng2項目，集中在編寫項目代碼上，省略繁瑣的配置過程。

一、 安裝Angular Cli

npm install -g angular-cli

-g命令表示安裝在全局。

二、使用Angular cli初始化ng2項目

ng new my-ng2-app

這樣就建立一個名爲my-ng2-app的項目

若是在要把現有目錄轉成ng2項目，只須要運行下面命令：

mkdir ng2-test
cd ng2-test
ng init

三、運行ng項目

ng serve

或者

npm start

兩個均可以，默認端口爲：4200
http://localhost:4200

四、修改默認端口 -> 修改成（3000）

ng serve -p 3000

五、打包發佈

ng build

目錄中就會出現dist文件夾，能夠看到裏面就是打包後的文件，包含一些html、js等文件，上傳服務器就能夠運行代碼了。

六、修改文件

修改目錄中的src文件夾，裏面就是TypeScript書寫的組件，服務，管道，指令等文件。

七、建立包含html、ts、css文件的命令
cd到須要建立文件的目錄下面，輸入以下命令

ng g c myFile

會自動將建立的文件添加到module中。