前言
工欲善其事,必先利其器。
VS Code 作為當前最流行的開源代碼編輯器之一,要說它為什么這么受大眾喜愛,我覺得一是它現代化的界面,二是它強大的擴展系統。
得益於 VS Code 的擴展系統,我們可以給編輯器加上各種“Buff”,讓它變成自己想要的樣子:
- 裝上實用的工具,提高我們的工作效率;
- 換上美觀的主題,要對自己的眼睛好一點;
- 換上漂亮的字體,代碼也要和本人一樣帥氣。
商店中的擴展五花八門啥都有,不僅有各種實用的工具和漂亮的主題,也有很多沒什么用但是特別有意思的玩意兒~
下面就給小伙伴們推薦幾個我在用且覺得不錯的擴展、主題和字體叭~
正文
擴展
Settings Sync
【設置同步】
只需一個 Github 賬號就可以在不同的設備之間同步 VS Code 的設置、插件和主題等項目。
絕對的神器!我在 VS Code 沒有同步功能之前就一直在用 Settings Sync 來進行多端同步,官方的同步功能開放之后也選擇繼續用這個插件,個人覺得 Settings Sync 用起來比官方的同步系統的方便。
詳情地址:https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Code Spell Checker
【代碼拼寫檢查器】
裝上之后自動檢查代碼中的單詞拼寫,當拼寫錯誤時底部會有波浪線提示,展開提示還有單詞建議,如果是自定義詞匯還可以添加到個人或項目詞庫。
在主流編程語言都使用英語的環境下,項目代碼中必然會用到大量英語詞匯,即使是使用英語為母語的人也難免會有手抖拼錯單詞的情況出現。
有了這個擴展之后就可以完美避免這種寫者尷尬見者偷笑的情況,媽媽再也不擔心我拼錯單詞被人笑啦!
詳情地址:https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
Bracket Pair Colorizer 2
【括號對着色器 2】
給代碼中結對的括號([]
、{}
和 ()
)上色,支持紅黃藍三種顏色。
在實際的項目代碼中難免會有各種括號和各種嵌套,隨着代碼量的增加,閱讀難度也隨之增加。
有了這個擴展,讓你可以輕松辨別嵌套中的不同層級,拯救你的雙眼。
詳情地址:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
GitLens
【Git 透鏡】
這個擴展用於增強 VS Code 內置的 Git 功能,可以讓你快速查看每一行代碼的修改時間和編輯者,以及進行文件的版本對比。
對於多人協作的項目非常有用,出了問題可以快速找到罪魁禍首,媽媽再也不用擔心我背黑鍋啦(逃)~
詳情地址:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Code Runner
【代碼運行器】
可以在 VS Code 中運行代碼片段和代碼文件,支持絕大部分編程語言。
很好用的一個工具類的擴展,在開發中想要測試一些代碼片段時極為方便快捷!
詳情地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
主題
One Dark Pro
源自 Atom 的標志性主題,是 VS Code 中安裝量最多的顏色主題(確定沒有之一)。
最愛的顏色主題,沒有之一!
詳情地址:https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
vscode-icons
VS Code 中安裝量最多的文件圖標主題(確定也沒有之一)。
最愛的文件圖標主題,沒有之一!
詳情地址:https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
字體
首先 macOS 自帶的字體就很舒服,所以以下字體主要是推薦給使用 Windows 的小伙伴們~
先附上我的字體設置,英文用 Cascadia Code,中文用黑體,是它們拯救了我的鈦合金狗眼:
Cascadia Code
由微軟在 Build 2019 大會上開源的一款編程字體,支持連體字(Ligatures),與其一同發布的 Windows Terminal 默認的字體就是這款。
我從發布以來就一直在用這款字體,個人覺得看起來很活潑,很圓潤,很舒服。
詳情地址:https://github.com/microsoft/cascadia-code
Source Code Pro
由 Adobe 設計並開源的一款字體,沒有 Cascadia Code 那么圓潤,也不支持連體字,不過比默認的 Consolas 好多了。
不喜歡圓潤和連體字的小伙伴可以試試這款~
詳情地址:https://github.com/adobe-fonts/source-code-pro
黑體
Windows 內置就有的字體。
原來的宋體中文注釋之后太辣眼睛了,換了黑體之后不僅眼神好了,心情都舒暢了~
沒有詳情地址,在 VS Code 里直接設置 '黑體'
就好了~
更多分享
公眾號
菜鳥小棧
😺我是陳皮皮,一個不斷學習的游戲開發者,一個熱愛分享的 Cocos Star Writer。
🎨這是我的個人公眾號,專注但不僅限於游戲開發和前端技術分享。
💖每一篇原創都非常用心,你的關注就是我原創的動力!
Input and output.