WebStorm設置左側菜單欄背景和字體設置 

webstorm是一款前端IDE利器，個人感覺黑色的背景比較炫酷。第一步：點擊"file --> settings"，如下圖所示：

 

第二步：選擇appearance->Theme選擇darcula(黑色主題)

 

在 IDE Settings > Appearance 的右邊菜單里，選擇 Theme > Darcula主題即可。IDE Settings 指的是 webstorm 的全局配置。
ps:在Appearance下設置的字體是菜單欄的字體。

編輯器的字體設置如下：
新建Scheme + 修改字體，ctrl+alt+s打開Settings界面，Editor > Colors&Fonts > Font。Default scheme是亮色調，但我想定制一套暗背景的環境，所以在右側Scheme name下拉框中選擇Monokai，以此作為修改的基礎，然后點擊Save as，給自己新建的Scheme起個名字吧。
這里面可以設置字體（我一般選擇Consolas），字體大小，行間距、自定義語法高亮。

General的設置：

• 普通文本：default text
• 折疊文本: Folded text
• 光標: Caret
• 光標所在行: Caret row
• 行號: Line number
• TODO: TODO default
• 光標下變量高亮：Search result
• 搜索結果：Text search result
• 匹配的括號：Matched brace
• 不匹配的括號：Unmatched brace
• 未使用的符號：Unused symbol
• 左邊空隙（行號，斷點）：Gutter background
• 選中的文本背景色：Selection background
• 選中的文本前景色：Selection foreground

導入導出設置
File > Export Settings導出用戶設置。如下圖，你可以選擇要導出哪些類型的設置，也可以選擇導出到哪個目錄下。
導出后的配置以jar包的形式存在，導入也同樣簡單，File > Import Settings，選擇jar包導入成功后，重啟WebStorm就大功告成了

快速通道：

1. 激活方式：http://www.cnblogs.com/gkl2013/p/6740779.html
2. 常用快捷鍵：http://www.cnblogs.com/gkl2013/p/7201589.html