如何打造一個驚艷的vscode？本篇文章給大家介紹五種自定義 vscode 的方法，你打造一個令自己驚艷的vscode！
工欲善其事必先利其器，vscode作為我們常用的編輯器，只有將其整好看了，工作才能舒心，效率才能倍增。接下來我將從5個方面入手，介紹一下自定義vscode的方法，讓它看起來像你的女神一樣令人賞心悅目。
【推薦學習：《vscode》】
主題
強烈推薦 vscode ?主題，作者是名聲大噪的 Wes Bos，該主題的主色調是藍色和黃色，快嘗試吧。
以下是該主題推薦的編輯器配置：
//?setting.json { ??"workbench.colorTheme":?"Cobalt2", ??//?The?Cursive?font?is?operator?Mono,?it's?$200?and?you?need?to?buy?it?to?get?the?cursive ??"editor.fontFamily":?"Operator?Mono,?Menlo,?Monaco,?'Courier?New',?monospace", ??"editor.fontSize":?17, ??"editor.lineHeight":?25, ??"editor.letterSpacing":?0.5, ??"files.trimTrailingWhitespace":?true, ??"editor.fontWeight":?"400", ??"prettier.eslintIntegration":?true, ??"editor.cursorStyle":?"line", ??"editor.cursorWidth":?5, ??"editor.cursorBlinking":?"solid", ??"editor.renderWhitespace":?"all", }
配置完我的編輯器是這樣的：
字體
推薦使用 vscode，它是等寬字體，被譽為最適合程序員用的字體，誰用誰知道。
點擊上面鏈接，找到圖中按鈕下載 Fira Code 字體包：
加壓后，進入 TTF 文件夾，選中所有文件，然后右鍵打開，選擇安裝字體。
然后打開 setting.json，加入如下配置：
{ ?????"editor.fontFamily":?"Fira?Code", ?????"editor.fontLigatures":?true }
配置成功后可以看到如下效果：
插件
以下列出了我常用的 vscode 插件，大家可以按需安裝。
- Auto Close Tag
- Auto Import
- Auto Rename Tag
- Bookmarks
- Color Picker
- CSS Peek
- Debug Visualizer
- Docker
- Document This
- Git Blame
- Git History
- Git Project Manager
- GitLens
- LeetCode
- Markdown Preview Enhanced
- MDX
- Node.js Modules Intellisense
- npm
- npm Intellisense
- Path Intellinsense
- Prettier
- Project Manager
- Settings Sync
- TODO Highlight
- Typescript Hero
- VSCode Advanced New File
vscode 基本配置
點擊左下角的小齒輪，或者快捷鍵 cmd + ,，可以打開 vscode 的配置界面。
vscode 是使用 electron 進行構建的，所以對它的配置修改都可以實時地看到效果，我非常喜歡。
去掉忽略文件
vscode 默認會隱藏 .git 文件，我想完整地看到當前項目的所有文件，所以我把 exclude 配置項都清空了。
自定義title
搜索 title，將配置項改成 ${dirty} ${activeEditorMedium}${separator}${rootName}，可以查看當前打開文件的項目及目錄信息，以及文件保存狀態。
自定義快捷鍵
VSCode Advanced New File 插件用于快速地創建一個新文件，不必使用鼠標點擊在哪個文件夾下創建，vscode 創建新文件默認的快捷鍵是 cmd + N，而該插件的快捷鍵是 cmd + ctrl + N，我想將兩個快捷鍵反過來，接下來介紹如何自定義快捷鍵。
鍵入 cmd + K + S 進入快捷鍵配置界面，搜索 new file，點擊某一項的編輯按鈕即可編輯，以下是自定義后的快捷鍵：
最后
當完成了這些配置后，當我們換一臺電腦時，不會還得重新配置吧？放心，Settings Sync 插件可以幫助我們同步現有的 vscode 配置。
首先確保你已經安裝了它，鍵入 cmd + shift + P打開控制面板，找到 Sync: Update/Upload Settings，回車后就將我們的配置上傳了（當然你需要先進行配置，這里就不演示了）。
在新的電腦想同步該配置，同樣安裝該插件，然后選擇 Sync: Download Settings，等待同步完成就可以啦。
原文地址：https://juejin.cn/post/6928351298181922829作者：Ywhoo
更多編程相關知識，請訪問：vscode！！
