VS Code 發展到現在已經有上百個可設置項了(settings.json),除了常見的修改字體、主題以外,還有哪些是必不可少的呢?


Debug的時候,操作控制條是浮動的會擋住文件的tab,非常討厭。

增加設置:

debug.toolBarLocation: "docked"

這樣可以把它固定在debug pane里。

具體看VS Code文檔:

https://code.visualstudio.com/updates/v1_24?WT.mc_id=vscodemay18-twitter-brcl#_debug-toolbar-location

再補充一個吧。VS Code支持workspace,而且可以同時打開多個workspace。有時候我們需要一眼區別出來,所以就給每個workspace設置不同的Theme:


我是答主,我先開個頭。例如 VS Code 默認是將菜單欄永久顯示出來的,但我注意到大部分的截圖都是隱藏掉的「菜單欄」:

右下窗口上方顯示「文件」、「編輯」等菜單的區域就是菜單欄

甚至包括官方的更新日誌中的截圖:

其中有一部分是 Mac 的菜單欄和系統集成在一起了,但是非 macOS 一樣建議將它隱藏掉,這樣會更加「美觀」和簡潔。配置方式(讓菜單欄隱藏,用 Alt 鍵切換顯示):

"window.menuBarVisibility": "toggle"

但這是一個需要克服的設置,將常見的操作快鍵鍵都記住(例如創建新窗口、打開文件夾、最近打開的文件),這樣可以大大降低需要顯示菜單欄的情景(Alt 鍵切換的頻率)。能在保持美觀的同時又不影響效率(其實快捷鍵效率更高)。

在後來 VS Code 默認將「標題欄」的樣式改成 custom 了,所有平台一個樣子(個人感覺像 win10)。但是在 Mac/Linux 上就顯得格格不入和難看了,特別是在隱藏了菜單欄就是為了美觀的前提下。所以我們需要讓標題欄回歸原生窗口的樣子:

"window.titleBarStyle": "native"

和系統窗口格格不入的 Custom 標題欄

在我們寫代碼的時候,很多語言都會用下列字元組成的符號當做語法:

|&>
=&>
-&>
!=
==
&

如果允許連字,它們可以顯示為單個字元:

將 |amp;> -amp;> =amp;>顯示為連字元的真實代碼

我用的是一款叫做 Fira Code 的字體,支持大量編程連字:

所以添加以下設置啟用連字支持,也是必不可少滴:

"editor.fontLigatures": true

注意,同時你需要將字體設置為支持連字的字體。

如果你是跟我一樣的 Linux 用戶,有一點你肯定受不了,那就是 VS Code 的終端默認不支持選中複製!所以 Linux 用戶務必添加:

"terminal.integrated.copyOnSelection": true

來啟用選中即時複製功能,不然滑鼠右鍵複製簡直要人親命!


以上是個個我推薦的必不可少的設置項,歡迎大家繼續推薦……


手動編輯設置時恢復以前的雙排設置:

"workbench.settings.useSplitJSON": true,
"workbench.settings.editor": "json",

效果圖:

From: vscode 顯示問題,想把 (圖1)settings.js


打開麵包屑導航

"breadcrumbs.enabled": true

打開代碼片段填空時的智能感知

"editor.suggest.snippetsPreventQuickSuggestions": false

新建和保存的格式標準化

"files.encoding": "utf8",
"files.eol": "
",
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
"files.trimTrailingWhitespace": true,


瀉藥. 這個並不普遍適用, 因為暫時僅發現TypeScript有此選項. 但應該從VS 2008開始就有類似選項了. 可以本地化編譯信息(下圖), 原本的英文信息是"人 only refers to a type, but is being used as a value here.":


推薦閱讀:
相关文章