忙了一段項目上線，這兩天抓緊時間補一下Node.js的學習內容。開發還是使用WebStorm來搞，下面主要介紹了一下這個IDE的幾個亮點，對於web開發，確實是一大利器。
1.支持標籤，自動閉合標籤，數據源提示（如下圖），id檢測
2.支持html5標籤
3.代碼檢測功能
4.代碼優化提示功能
5.編碼風格 例如輸入div.feature>h4+p 再按tab建就會自動生成下面代碼
<div class=”feature”>
<h4></h4>
<p></p>
</div>
6.顯示當前元素的樣式 點擊右鍵選擇下列菜單 效果如下
JavaScript
1.代碼提示功能
2.代碼本地化及查找功能，以及高亮顯示相關使用地方
3.聯動修改 例如tabs.js裏定義了Downtabs 用戶可以通過右鍵refactors來執行相應操作，重命名、移動、拷貝、安全刪除、擴展類、直接引入代碼。 如下圖效果：
此時在extract中選擇refactor->inline會生成如下代碼：
4.javascript調試功能在火狐中，可以用firebug來調試。
5.支持框架jquery、yui、prototype、dojo、mootools、qooxdoo、bindows
還有很多很多的優點，例如代碼格式化、體積小、自動保存、編輯後瀏覽器瀏覽缺點，目前發現的就一點不太好，自動生成idea文件夾，影響svn版本號
6.常用的webstorm快捷鍵
IntelliJ-Idea 的快捷鍵
| Ctrl+/ 或 Ctrl+Shift+/ | 註釋（// 或者/*…*/ ） |
| Shift+F6 | 重構-重命名 |
| Ctrl+X | 刪除行 |
| Ctrl+D | 複製行 |
Ctrl+G | 查找行 |
| Ctrl+Shift+Up/Down | 代碼向上/下移動。 |
| F2 或Shift+F2 | 高亮錯誤或警告快速定位 |
| 寫代碼，按Tab | 生成代碼 |
| 選中文本，按Ctrl+Shift+F7 | 高亮顯示所有該文本，按Esc高亮消失。 |
| Ctrl+B | 快速打開光標處的類或方法 |
| Ctrl+E | 最近打開的文件 |
| Alt+F1 | 查找代碼所在位置 |
| Ctrl+Alt+L | 格式化代碼 |
| Ctrl+R | 替換文本 |
| Ctrl+F | 查找文本 |
| Ctrl+P | 方法參數提示 |
參考地址:
2.《前端開發利器-WebStorm》