一、主題配色
主題設置
方法：File -> Settings -> Appearance & Behavior -> Appearance ->Theme.
配色設置
方法：File -> Settings -> Editor -> Colors & Fonts->Scheme.（注：如果你是從從Sublime text3轉過來的朋友，比較偏好monokia配色的，可以參見此文 webstorm入門1-主題和配色）
二、打開多個項目
WebStorm默認情況下一次只能打開一個項目，這點很不爽，其實是可以設置的。（注：如果你一開始就建了項目再來配置，記得要把左邊顯示的根路徑移除，不然可能點擊Add Content Root配置后也不一定能生效）
方法：File -> Settings -> Directories -> Add Content Root 中添加你當前的工程目錄。
三、配置webserver選項（端口）
方便其他ip設備訪問(如手機等測試效果）
方法：File -> Settings -> Build,Execution,Development -> Debugger ->port
四、設置文件的默認編碼
方法：File -> Settings -> Editor -> File Encodings -> IDE Encoding,Project Encoding.
(注：配置前和配置后都可以打開頁面，在頁面的右下角顯示有編碼，下面截圖右下角就有)
五、快捷鍵配置
你可以使用默認快捷鍵配置，也可以根據自己的風格選擇配置。習慣eclipse和myeclipse開發的可以配置成eclipse快捷鍵。
方法：File -> Settings -> Keymap-> Keymaps
六、emmet配置，語法等等
上面提到了快捷鍵，webstorm自帶emmet插件。用過zen coding的人應該都知道，emmet就是zen coding的升級版。當然，webstorm也不是支持所有的emmet語法，不過夠用了。可以參考此文Enabling Emmet Support看看具體情況。
如下圖，可以看到css自動加瀏覽器廠商前綴。
七、行號，換行，參考線
打開頁面后，右擊頁面左邊邊界，彈窗選項，根據自己需要勾選就是，如下圖：
八、導入導出配置
當你需要在其他電腦的webstorm上也想用自己編碼風格時，將配置文件導入重啟webstorm即可生效。
導出方法：File -> Export Settings... ->自己選擇選項和路徑。用默認也可以。
導入方法：File -> Import Settings... ->選擇.jar文件路徑。
九、插件配置
webstorm自帶很多插件，你可以根據自己需要配置。我暫時未使用，如果你用到了，可以參考下面的一些文章。
- SVN、Git插件配置，CSS預處理語言的預編譯、JS 實時壓縮等等可以參考此文webstorm入門2-配置
- 使用css預編譯器（sass,less）的朋友,可以省掉gulp、grunt類前端輔助工具,參考此文webstorm入門5-sass、scss、less監聽編譯