WebStorm 好看的UI,好看的主題,字體,讓你的體驗不一樣的感覺。


今天實在,感覺受不了,webstorm 中默認的字體了。

總覺該做點什么,每天用的編輯器,不能一成不變。這樣看的都麻木了。

 

主題部分,就不用了,以前寫過的,點擊即可請參考

字體部分& 配色方案:

webstorm,默認是 monospaced 字體,或者微軟操作系統,默認的 Consolas “編程字體”。

開始用還可以,用的時間長了,看着單引號和雙引號,真的是太丑了。

如下圖:

 

 

於是,在網上找了找,看了太多的文章,一般都是 推薦 Source Code Pro 字體,最早的推薦都在2012年,確實夠早的。

隨即試了一下。感覺還可以,配置+效果如下:

 

 

使用過 Source Code Pro字體后。網上評論也挺多的,還有另一款開源的字體:Fira Code,這款字體在新版的 IDE 里已經是自帶的了。

配置+效果圖如下:

 

可能你使用上看不出來,有什么太大的變化,但是我視覺感覺是 Source Code Pro 字體有些扁, Fira Code字體,看着就圓滑了許多。

還有一點,網上說,Fira Code字體,可以設置連字特征。我也測試了一下。並不是特別喜歡。這個我也發出來,因人而異吧。

啟用連字有效果的幾個 符號: ==   !==   ->   =>   <!— —>

   

 

配置如下:

 

[File] -> [Settings] -> [Editor] -> [Color Scheme Font] (如果你的配色方案強制覆蓋了的話就在配色方案的字體那里設置),勾選 [Enable Font Ligatures]。

現在,你就可以享受到 Fira Code 所帶來的 Open Type 連字特性了,

 

主題 UI部分:

[File] -> [Settings] -> [Plugins] -> [Browse Repositories] -> 搜索[Material Theme UI] 並安裝。參考圖如下:

 

安裝完成后,會提示你 然后重啟。你的 Intellij IDEA / WebStorm / PHPStorm / etc。重啟即可。

 

重啟,進入前后的對比:

未安裝 主題 UI 前:

 

安裝 主題 UI 后:

 

還有眾多主題,可以去 菜單 [Tools] -> [Material Theme] -> [Material Theme Chooser] 里選。如果不喜歡。就還原系統默認主題即可。

 

 

還有個插件叫 [Nyan progress bar]  ,按照第一步,搜索安裝。你可以自己裝了體驗一下。超級卡哇伊......

 

 

 

 

by不言謝。

 

參考網絡文章:

1、Source Code Pro - 最佳的免費編程字體之一!

2、WebStorm 在 Windows 下有哪些好看的主題和字體?


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM