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

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

webstorm是一款前端IDE利器,我的感受黑色的背景比較炫酷。第一步:點擊"file --> settings",以下圖所示:html

 

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

 

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

編輯器的字體設置以下:
新建Scheme + 修改字體,ctrl+alt+s打開Settings界面,Editor > Colors&Fonts > Font。Default scheme是亮色調,但我想定製一套暗背景的環境,因此在右側Scheme name下拉框中選擇Monokai,以此做爲修改的基礎,而後點擊Save as,給本身新建的Scheme起個名字吧。
這裏面能夠設置字體(我通常選擇Consolas),字體大小,行間距、自定義語法高亮。app

General的設置:webstorm

  • 普通文本: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
相關文章
相關標籤/搜索