amtoaer

晓风残月

叹息似的渺茫,你仍要保存着那真!
github
x
telegram
steam
nintendo switch
email

我是如何配置Vscode的

從 18 年接觸編程至今,已經有兩個多年頭了。這些日子裡,我換過不少次系統( Windows -> Ubuntu -> Manjaro -> Arch Linux ),寫過不少門語言( C/C++/VHDL/JavaScript/Java/Golang ),但卻從來沒有更換過我的編輯器,即這篇文章的主角 —— Visual Studio Code 。

它吸引我的點主要有以下三個:

  1. 跨平台
  2. 佔用低
  3. 插件化設計

其中尤其讓我驚艷的是二、三點。

作為使用 electron 開發的程式,它擺脫了 “網頁套殼” 的弊端,在低佔用的同時甚至達到了和原生程式基本一致的效果。

除此之外,優秀的插件化設計也給了使用者更多的自定義空間。通過安裝插件,我們可以拓展它的主題、圖標、額外功能以及編程語言支援。

不管寫什麼,vscode 一把梭!

下面貼兩張我的 vscode 截圖:
image

20210116142414

配置#

在使用它的過程中,我嘗試了許多配置,試用了許多插件,如今基本有了固定的配置方法和插件列表。寫這篇文章除了用作記錄,也算是為讀者做一個推薦吧。

字體#

字體是編輯器的靈魂,賞心悅目的字體可以大幅提升打碼熱情。我個人推薦三款字體:

  1. Sarasa Gothic

又被稱為更紗黑體,是我個人最喜歡的字體,也是我 vscode 編輯區域使用的字體。比起後面純粹的編程字體,其獨特之處是使用思源黑體補齊了 CJK 字庫,使字體整體更加協調。(這個字體的純英文版叫做 Iosevka )

image

  1. JetBrains Mono

JetBrains 出品,必屬精品!(大霧)

能夠作為 JetBrains 家所有 IDE 的預設字體,它的優秀毋庸置疑。我將其用作 vscode 內建終端的字體。

image

  1. Fira Code

是我第一個長久使用的字體,似乎也是 vscode 官方推薦的字體,字型和連字符都很有特點。

這款字體陪伴了我半年左右,用久了可能會覺得有些花哨,但不失為一個優秀的編程字體。

image

主題#

主題方面,主觀上只推薦 atom 的兩款配色主題:

  1. Atom One Light

image

  1. Atom One Dark

image

插件#

拓展語言支援的插件沒啥好說的,在這裡只記錄一些實用的小插件。

  1. Error Lens

預設 vscode 的語法檢測會將程式碼提示顯示在下欄的 “問題” 版塊,不夠清晰明了。使用該插件可以將問題詳情顯示在編輯區域的對應行後,方便查看。

image

  1. GitLens

該拓展用於拓展 vscode 的 Git 支援,功能十分齊全,我個人用到的功能主要有:

  • commit 間的程式碼對比

image

  • 某行程式碼來自哪次 commit 的提示

image

  1. SQLTools

資料庫拓展,使用其和對應驅動可以在 vscode 內部連接資料庫,支援查看資料庫、表和執行 SQL 語句等功能。

  1. Todo Tree

可以對特定的註釋進行高亮,同時提供全局的註釋索引。支援自定義設定註釋內容和高亮顏色。

image

  1. WakaTime

用於統計 vscode 編輯檔案的類型、時間等資訊,並將其與 wakatime 雲端同步,時間會顯示在 vscode 的底欄,如圖所示:

image

該拓展可以將使用者的編程時間統計下來,與 WakaTime API 配合使用可以實現一些很有趣的效果,比如通過 github readme stats 將 wakatime 編程時間同步到 Github Profile 上。

image

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。