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]()
live
template
coffeescript
webstorm 支持coffeescript的即時編譯、代碼提示、代碼跳轉，代碼調試等功能。
使用：
- 安裝 nodejs 和 coffeescript
- Preferences > File Watchers 添加coffeescript的watcher。
其實安裝了coffeescript的話，webstorm 會有提示問你要不要添加watcher的，點擊 add watcher 會自動啓用的。出來 coffeescript, webstorm 還支持很多種 watcher，比如 less 、sass、stylus 等。
Node.js 支持
webstorm 支持 Node.js 調試。具體設置看：使用 webstom 調試 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]()
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