人一旦上了年紀，記憶力就變得越來越不好。
最近寫了許多的博文，倒不是為了給誰看，而是方便自己來搜尋，不然一下子又忘記了。
如果恰巧幫助到了你，也是我的榮幸~~~~~~~~~~~~
廢話不多說，看正題~~~~
首先開啟你的webstorm。這裡插一句話，盡量保證你的webstorm是比較新的版本，在webstorm的右下角會有提示你更新的。因為就目前來看,我們的angualr2.0專案是採用typescript來編寫的，而最新版本的webstorm都只能支援到typescript2.0.8，而typescript已經發布到typescript2.0.9。也就是如果你的webstorm版本更低的話，你所能支援的語法就更少。
1.首先需要建立乙個project。
可以看到上有兩個關於angular的選擇。乙個是angularjs,這個建立的是基於angular1.0版本類的project。另乙個angular cli建立的才是基於angular2.0的專案。
webstorm有這點的好處就是會自動鏈結到你電腦裡已經安裝的路徑上。從可以看出：node interpreter：就是鏈結到我電腦裡面安裝node的路徑下。
如果你的angular cli沒有自動鏈結那就是說明你沒有安裝。
angular是用typescript編寫的，所以先安裝typescript，再安裝angularjs-cli
npm install -g typescript typings可能安裝會有點慢，不過都是可以安裝成功的。 三條命令，如果有些你安裝過了就不需要安裝了。~~~npm install -g angular-cli --ignore-scripts
npm install
點選create之後
還有一點就是webstorm 可以幫我們將ts自動轉為js .會在上方提示你需不需要將ts轉為js檔案，點選ok就是可以的了。
轉完之後別傻傻的去ts檔案下面找，因為都給你提出來了，都在dist下面。
我們通過展開yue工程，會發現其實裡面有乙個名為index.html的頁面。接下來我們執行此頁面看看。
執行專案這邊有個步驟，就是得先開啟服務。這邊不好截圖，就直接用文字說明了。
找到你的package.json檔案滑鼠右擊，找到show npm scripts，就會看到下面有乙個類似這樣的樹結構
選中start雙擊兩下。檢視控制台有執行的伺服器如下圖所示：ng start
可以看到server is running on http://localhost:4200
這樣我們在瀏覽器執行http://localhost:4200 就可以看到我們執行的專案啦
補充一句，因為預設的4200的埠，如果你需要換的話也是可以的package.json裡面的
ng serve --host localhost --port 4201增加後面的就可以
啦啦是不是很神奇。
然後我們也可以新增自己想要的元件，比如現在我需要在執行乙個hello-world
將滑鼠放到專案裡面的src路徑上，右擊new——————然後選擇angular cli 就會出來乙個框
選擇你需要的就行。這裡我們選擇component。
看到控制台出現done，說明成功啦。然後可以看到我們創立的hello-world在**
只需要把selector的值新增到
然後在瀏覽器檢視，就會發現已經顯示了。
不容重啟服務怎麼的，是自動重新整理的。
很好是不是~~~~
win下WebStorm的 Terminal 相關
1.win下webstorm的terminal面板鍵盤打字無效怎麼辦？開啟cmd命令視窗，右鍵開啟屬性，在選項標籤頁，勾選使用舊版本控制台，重啟webstorm問題解決.2.webstrom terminal中的路徑 webstorm預設工作空間 的修改？在webstrom中，file new pr...
webstorm 的快捷鍵
webstorm乙個很好的前端開發工具，最近把它的一些快捷鍵寫出來供自己數查閱 1.ctrl shift n 開啟工程中的檔案，目的是開啟當前工程下任意目錄的檔案。2.ctrl j 輸出模板 3.ctrl b 跳到變數申明處 4.ctrl alt t 圍繞包裹 包括zencoding的wrapwit...
Webstorm的快捷鍵
ctrl alt l 格式化 ctrl b 快速開啟游標處的類或方法 ctrl 單行注釋 ctrl shift 塊注釋 ctrl x 刪除行 ctrl d 複製行 ctrl f 僅在本頁查詢 ctrl shift f從多個檔案查詢，可以自定義查詢範圍。ctrl r 替換文字 ctrl n 查詢類 c...