1. 圖片寬高提示。

2. 標簽重構、文件重命名、 CSS 重構以及 JS 重構
2.1 標簽重構
如果你想把
<div>此處省略200行</div>
<p>此處省略200行</p>
2.2 文件重命名
你想把 style1.css 重命名為 style2.css,但是 style1.css 被很多 html 文件引用了,怎么辦?
使用 WS 的文件重命名功能,大膽地重命名吧,它會自動幫你更新所有引用。(前提是你的引用是正確且符合常規的)
2.3 CSS 重構
另外,如果你想把內聯的 style 移到外部 CSS 文件里,也是可是通過重構功能實現的。雖然在生產環境下你不會在 HTML 里寫內聯 style 的,但我們調試時為了方便,會經常這么做。等你調試完了,自然會用到這個功能。

JS 重構也很好用。包括變量重命名、聲明提升等等等等。WS 是我用過的對 JS 重構支持最好的 IDE。你可以告訴我還有什么 IDE 對 JS 重構支持不錯,我去比較下。
3. 對業界最新技術的支持
你安裝 WS 后,你會發現它內置了對 SASS、NodeJS、CoffeeScript、Jade 的支持。
連 Emmet 都內置了,而且快捷鍵還是 Tab,太方便了。沒有這個功能我都不想寫 HTML 了。
如果它發現你的文件后綴是 .less/.scss/.sass 或者 .coffee,就會問你,是否需要把它們自動編譯為 css 或 js。
如果它發現你有 NPM,會自動列出你安裝過的 package,方便管理和升級。(這個貌似需要裝 NodeJS 支持插件,我記不清是不是自帶功能了。)
4. 可自定義代碼格式化規則
雖然很多 IDE 都有格式化功能,但能自定義到 WS 這種程度的還沒見過。
- 是否保留單行的 { }。
- 是否保留單行的function。
- 屬性是否要對其。
- 冒號前后是否加空格。
- ……

5. 設置項是可搜索的(英文)
「這個 IDE 有這么多設置項,我要折騰好久啊!」
WS 考慮到了這一點,所以他的所有設置都是可搜索的,不會讓你漫無目的地摸索,你想設置什么就搜什么。
想設置外觀,就搜 appearance;
想設置快捷鍵,就搜 keymap;
想設置插件就搜 plugin。
當你進入 keymap,你還可以進行二級搜索,比如你想知道 format 功能的快捷鍵,就直接搜 format。
你甚至可以反過來,搜 Ctrl + L 這個快捷鍵對應的功能是什么。
P.S. WS 的快捷鍵是支持二次按鍵的。比如我把 Git add 的快捷鍵設置為 Alt+G & Alt + A,把 Git commit 設置為 Alt+G & Alt+C。這樣的好處是不會讓你無快捷鍵可設。
6. 再說說其他 IDE 也有的功能吧
6.1. 本地版本控制。你在 WS 里所有的編輯都被存在本地了,你隨時可以還原到歷史版本。

6.2. 能與番茄工作法結合。有個插件叫 Pomodoro-tm,應該有不少程序員喜歡。
6.3. 能與 Redmine / Trello / Jira 等集成。

6.4 文件結構分析。直接看圖。
JS 文件結構
HTML 文件結構
這個功能對於大文件特別有用。
好功能太多,有機會以后再介紹了。
---------------------------------------------
回復評論:
VIM / ST 黨可能會說,你這些功能 VIM / ST 也能做到啊。嘿嘿,做不做得到先不談,WS上面這些功能可都是內置的哦,無需任何配置,改改快捷鍵就能很稱手了喲。現在如果要我用回 VIM / ST,我想得第一件事就是“把 VIM 改造成一個類似於 WebStorm 的 IDE 需要花多久時間呢?”
1. 編輯器和 IDE 是不同的事物,如果你還認為 VIM / ST 比 IDE 好的話,你為什么不來比較一下吸塵器和自行車孰好孰劣呢?
2. 我說 WS 好的時候,絕對沒有說 VIM / ST 不好的意思。 VIM 和 ST 我都用過超過半年以上,都是不錯的“編輯器”,比 WS 快多了。WS 能比它們快才是奇了怪了。
3. 至於 Notepad++,也很不錯,我大學時用過至少一年,不過在我習慣了 VIM 之后就把它拋棄了。所有不支持 VIM 模式的編輯器或 IDE 我應該都不會再喜歡了。這里有我回答的一個關於 Notepad++ 的一個問題: Notepad++ 有哪些適用於前端開發的插件?
4. 我的路線大概是 Notepad++ => ST2 => VIM => WebStorm、ST3、VIM 共存
JS 文件結構


好功能太多,有機會以后再介紹了。
---------------------------------------------
回復評論:
VIM / ST 黨可能會說,你這些功能 VIM / ST 也能做到啊。嘿嘿,做不做得到先不談,WS上面這些功能可都是內置的哦,無需任何配置,改改快捷鍵就能很稱手了喲。現在如果要我用回 VIM / ST,我想得第一件事就是“把 VIM 改造成一個類似於 WebStorm 的 IDE 需要花多久時間呢?”
1. 編輯器和 IDE 是不同的事物,如果你還認為 VIM / ST 比 IDE 好的話,你為什么不來比較一下吸塵器和自行車孰好孰劣呢?
2. 我說 WS 好的時候,絕對沒有說 VIM / ST 不好的意思。 VIM 和 ST 我都用過超過半年以上,都是不錯的“編輯器”,比 WS 快多了。WS 能比它們快才是奇了怪了。
3. 至於 Notepad++,也很不錯,我大學時用過至少一年,不過在我習慣了 VIM 之后就把它拋棄了。所有不支持 VIM 模式的編輯器或 IDE 我應該都不會再喜歡了。這里有我回答的一個關於 Notepad++ 的一個問題: Notepad++ 有哪些適用於前端開發的插件?
4. 我的路線大概是 Notepad++ => ST2 => VIM => WebStorm、ST3、VIM 共存
作者:方應杭
鏈接:https://www.zhihu.com/question/20936155/answer/16654794
鏈接:https://www.zhihu.com/question/20936155/answer/16654794