webstorm有那些好用的特性
Webstorm 是一個強大的前端開發 ide，大多數人使用 webstorm 的主要原因應該是它 NB 的智慧提示功能。強大的智慧提示只是它的一個功能特性，它還具有許多有用的特性，比如版本控制、本地歷史、即時模板等。這裡我列一下對我來說非常有用的功能。
Version Control - 版本控制
webstorm 集成了多種版本控制工具，基本的功能都可以使用，只是快捷鍵是個蛋疼的事情。
使用：如果專案已經有了版本控制相關的資料夾，比如 .git。在 project 或者 編輯器右鍵可以看到對應的選單。如果有這些資料夾，但是沒有出現版本控制的相關功能，可以到 Preferences 那裡設定。 Preferences > Version Control。
Version
Control
Local History - 本地歷史
本地歷史我覺得是非常有用的功能，他可以檢視本地的修改歷史，隨時可以恢復某個時間的修改。用其他的版本控制工具只能比較提交的修改。
使用： 右鍵即可看到 local history 選單, 選擇某個版本，點選revert恢復
local
history
Live Templates - 即時模板
live template 跟 Sublime
text 的 snippet 類似，提供程式碼模板的功能，通過模板快速編寫一些固定樣式的程式碼。
使用：
- Webstorm > Preferences > Live Templates 開啟設定。
- 點選右側的新增按鈕，新增一個 live template.
- 編寫程式碼模板，abbreviation: 觸發關鍵字，description: 智慧提示框會出現的描述。點選輸入框下面的Define可以選擇觸發這個模板的檔案型別。右邊是一些配置選項。
-
在編輯器中輸入觸發關鍵字，按 Tab 鍵可以看到生成的模板，繼續按 Tab 可以修改模板的變數。
live
template
coffeescript
webstorm 支援coffeescript的即時編譯、程式碼提示、程式碼跳轉，程式碼除錯等功能。
使用：
- Preferences > File Watchers 新增coffeescript的watcher。
其實安裝了coffeescript的話，webstorm 會有提示問你要不要新增watcher的，點選 add watcher 會自動啟用的。出來 coffeescript, webstorm 還支援很多種 watcher，比如 less 、sass、stylus 等。
Node.js 支援
目錄設定 - Directories
專案目錄一般會有一些我們開發過程中不需要的資料夾，這些目錄有時候特別礙眼，查詢的時候也查詢他目錄下的檔案。設定 Directories 可以將這種目錄排除掉，而且在 Project 那裡會看不到這個目錄。
使用：選擇一個資料夾，右鍵, Mark Directory As > Exclude, 可以在 Preferences > Directories 那裡設定，那裡還可以將之前排除掉的資料夾恢復。
多游標
用 sublime text 的時候，我非常喜歡這個功能，但是在 webstorm 8 之前，webstorm 是不支援的。現在 webstorm 8 支援了這個功能，而且比 sublime text 還要強大，讓我非常欣慰。
使用:
- option + click 在點選處生成游標, esc 取消
-
control + g 如果之前沒有選擇內容，則在相同的單詞處生成游標，如果之前選擇了內容，則在相同內容處生成游標，操作一次匹配一次。
multi
cursor
程式碼格式化 - format code
很多時候，我們在網上找到的程式碼的格式比較亂，或者不符合我們專案的規範。webstorm 提供了程式碼格式化的功能，可以格式化一個檔案，也可以格式化選擇的內容。格式化的標準是按照 Preferences > Code Style 那裡設定的程式碼格式。Code Style 可以設定全域性預設的格式，也可以針對當前專案設定格式。
使用：
- 快捷鍵： option + commad + l
- 選單：Code > Reformat Code
deployment 部署專案
webstorm 內建ftp支援，可以使用ftp將要部署的程式碼上傳到伺服器。
使用：
- 配置ftp，Tools > Deployment > Configuration. 右上角可以新增一個ftp伺服器。Mappings 可以將本地目錄和伺服器目錄相關聯，deployment 時候直接將本地目錄上傳到對應的伺服器路徑。
- 配置好後，可以在編輯器中右鍵調出 deployment 選單（只有 mappings 設定的本地路徑下的檔案才有這個選單），這樣可以上傳單個檔案，如果想上傳某個目錄的話，可以在 Project 那裡選擇一個資料夾，右鍵即可出現 deployment 選單。
- 如果想看一下伺服器的檔案，可以使用 browse remote host. Tools > Deployment > Browse Remote Host