angular2.0入門---webStorm建立angular CLI項目

建立項目以前須要先安裝angular cli，（angular是用typescript編寫的，因此先安裝typescript，再安裝angularjs-cli）。打開命令窗口輸入 npm install -g angular-cli ，等待安裝完成，就能夠打開webStorm建立項目了。

1.首先須要建立一個project。

能夠看到圖片上有兩個關於Angular的選擇。一個是AngularJS,這個建立的是基於Angular1.0版本類的project。另外一個Angular CLI建立的纔是基於Angular2.0的項目。

WebStorm有這點的好處就是會自動連接到你電腦裏已經安裝的路徑上。從圖片能夠看出：Node interpreter：就是連接到我電腦裏面安裝node的路徑下。

location路徑是你建立項目保存的地址，能夠本身隨意定義，路徑選好以後點擊Create,而後webstrom就會開始自動安裝依賴，這可能會須要一下子，等待安裝完成會看到項目結構以下圖：

就這樣咱們就建立成功了。

webStorm 能夠幫咱們將ts自動轉爲js .會在上方提示你需不須要將ts轉爲js文件，點擊ok就能夠了。

項目建立好了，怎麼運行呢？運行項目這邊有個步驟，就是得先開啓服務。

找到你的package.json文件鼠標右擊，找到show npm Scripts，就會看到下面有一個相似圖片這樣的樹結構

雙擊start服務器就運行起來了，這時你會看到控制檯以下圖：

能夠看到Server is running on http://localhost:4200

這樣咱們在瀏覽器運行http://localhost:4200  就能夠看到咱們運行的項目啦