如果你用過(guò)IDE類工具嫉髓，腦海里都會(huì)出現(xiàn)一下常規(guī)配置項(xiàng)葛碧。比如主題配色倒脓，打開(kāi)多個(gè)項(xiàng)目拄踪，配置端口（方便其他ip設(shè)備訪問(wèn)），文件編碼（常規(guī)utf-8）,快捷鍵配置撵儿，字體大小顏色風(fēng)格乘客，插件配置，配置的導(dǎo)入導(dǎo)出（一次配置淀歇，到處用）等等易核。注：File -> Settings，進(jìn)入配置界面后浪默，盡量用搜索框來(lái)快速定位配置項(xiàng)位置牡直。
一缀匕、主題配色
主題設(shè)置
方法：File -> Settings -> Appearance & Behavior -> Appearance ->Theme.
配色設(shè)置
方法：File -> Settings -> Editor -> Colors & Fonts->Scheme.（注：如果你是從從Sublime text3轉(zhuǎn)過(guò)來(lái)的朋友，比較偏好monokia配色的碰逸，可以參見(jiàn)此文 webstorm入門1-主題和配色）
二乡小、打開(kāi)多個(gè)項(xiàng)目
WebStorm默認(rèn)情況下一次只能打開(kāi)一個(gè)項(xiàng)目，這點(diǎn)很不爽饵史，其實(shí)是可以設(shè)置的满钟。（注：如果你一開(kāi)始就建了項(xiàng)目再來(lái)配置，記得要把左邊顯示的根路徑移除胳喷，不然可能點(diǎn)擊Add Content Root配置后也不一定能生效）
方法：File -> Settings -> Directories -> Add Content Root 中添加你當(dāng)前的工程目錄湃番。
三、配置webserver選項(xiàng)（端口）
方便其他ip設(shè)備訪問(wèn)(如手機(jī)等測(cè)試效果）
方法：File -> Settings -> Build,Execution,Development -> Debugger ->port
四厌蔽、設(shè)置文件的默認(rèn)編碼
方法：File -> Settings -> Editor -> File Encodings -> IDE Encoding,Project Encoding.
(注：配置前和配置后都可以打開(kāi)頁(yè)面牵辣，在頁(yè)面的右下角顯示有編碼，下面截圖右下角就有)
五奴饮、快捷鍵配置
你可以使用默認(rèn)快捷鍵配置，也可以根據(jù)自己的風(fēng)格選擇配置择浊。習(xí)慣eclipse和myeclipse開(kāi)發(fā)的可以配置成eclipse快捷鍵戴卜。
方法：File -> Settings -> Keymap-> Keymaps
六、emmet配置琢岩，語(yǔ)法等等
上面提到了快捷鍵投剥，webstorm自帶emmet插件。用過(guò)zen coding的人應(yīng)該都知道担孔，emmet就是zen coding的升級(jí)版江锨。當(dāng)然，webstorm也不是支持所有的emmet語(yǔ)法糕篇，不過(guò)夠用了啄育。可以參考此文Enabling Emmet Support看看具體情況拌消。
如下圖挑豌，可以看到css自動(dòng)加瀏覽器廠商前綴。
七墩崩、行號(hào)氓英，換行，參考線
打開(kāi)頁(yè)面后鹦筹，右擊頁(yè)面左邊邊界铝阐，彈窗選項(xiàng)，根據(jù)自己需要勾選就是铐拐，如下圖：
八徘键、導(dǎo)入導(dǎo)出配置
當(dāng)你需要在其他電腦的webstorm上也想用自己編碼風(fēng)格時(shí)练对，將配置文件導(dǎo)入重啟webstorm即可生效。
導(dǎo)出方法：File -> Export Settings... ->自己選擇選項(xiàng)和路徑啊鸭。用默認(rèn)也可以锹淌。
導(dǎo)入方法：File -> Import Settings... ->選擇.jar文件路徑。
九赠制、插件配置
webstorm自帶很多插件赂摆，你可以根據(jù)自己需要配置。我暫時(shí)未使用钟些，如果你用到了烟号，可以參考下面的一些文章。
- SVN政恍、Git插件配置汪拥，CSS預(yù)處理語(yǔ)言的預(yù)編譯、JS 實(shí)時(shí)壓縮等等可以參考此文webstorm入門2-配置
- 使用css預(yù)編譯器（sass,less）的朋友,可以省掉gulp篙耗、grunt類前端輔助工具,參考此文webstorm入門5-sass迫筑、scss、less監(jiān)聽(tīng)編譯
參考：
- webstorm入門1-主題和配色
- webstorm入門5-sass宗弯、scss脯燃、less監(jiān)聽(tīng)編譯
- webstorm入門2-配置
- Enabling Emmet Support
- WebStorm 自定義字體+顏色+語(yǔ)法高亮+導(dǎo)入導(dǎo)出用戶設(shè)置
- Emmet：HTML/CSS代碼快速編寫神器
- emmet語(yǔ)法
- Webstorm10.0.3破解程序及漢化包下載、Webstorm配置入門指南
- webstorm 配置webserver選項(xiàng)蒙保，讓其他ip設(shè)備可訪問(wèn)(如手機(jī)等測(cè)試效果）
- WebStorm 打開(kāi)多個(gè)項(xiàng)目的方法
