本篇文章給大家分享10個高級vscode settings.json配置，快來收藏吧，希望對大家有所幫助！
靈魂拷問：你 VS Code ?settings.json 文件有多少行了？
本瓜查了下有 60 多行，有一些看起來，卻還比較陌生，不知道是配置用來干嘛的；╮(╯▽╰)╭
本篇帶來 10 個 settings.json 高（裝）階（杯）配置項~
1. 隱藏活動欄
VS Code 左側圖標列表是“活動欄”，我們可以點擊圖標跳轉到各個模塊，我們可以通過配置 workbench.activityBar.visible 來控制活動欄的顯示?！就扑]學習：《vscode教程》】
如果你想恢復顯示，可以自定義快捷鍵來再次顯示這塊空間；
如何設置快捷鍵：vscode教程
我們可以用 Ctrl+B 來隱藏/顯示文件資源管理器，用 Ctrl+Alt+B 來隱藏/顯示活動欄；
雖然，你也可以在命令面板 Ctrl+Shift+P 中搜索，不過使用快捷鍵就更有裝杯效果~
活動欄在隱藏狀態下，我們也可以通過快捷鍵跳轉到不同的工作空間，比如 Ctrl+Shift+E（跳轉到文件資源管理器）、Ctrl+Shift+X（跳轉到擴展）、Ctrl+Shift+H（搜索和替換）等
2. AI 編碼
github copilot 是 VS Code 的一個擴展，可在你編寫代碼時生成片段代碼；
由于它是人工智能、機器學習，有可能會產生一些你不喜歡的代碼，但是請別仇視它，畢竟 AI 編碼是未來趨勢！
處于隱私考慮，建議不要在工作中使用 Copilot，但是可以在個人項目中使用它，有趣又有用，尤其是對于單元測試；
可以在 settings.json 中配置 Copilot；
3. 字體與縮放
這個不多做解釋，根據自己的需求進行文字大小及縮放比例的配置；
當然，你不一定要在 settings.json 中去編寫這個配置，也可以在可選項及輸入配置窗口進行配置。
4. 無拖拽/刪除確認
如果你對自己的編程技能足夠自信，或者對 VS Code 的 Ctrl+Z 足夠自信，你可以配置取消刪除確認；因為拖拽/刪除確認有時也會干擾思路~
5. 自更新絕對路徑
VS Code 的最佳功能之一是它的文件導入很友善，使用絕對路徑，例如：@/components/Button 比 ../../Button 更讓人舒適；
當移動文件重新組織目錄時，希望 VS Code 能自動更新文件的路徑？你可以配置它們：
請注意，您需要在 .tsconfig/.jsconfig 文件中配置路徑才能使用絕對路徑導入。
6. 保存執行
配置過 ESLint 保存修正的應該都知道這個配置。這個非常強大，出了 fixAll，還能 addMissingImports 補充缺少的 Imports，或者其它你想在保存后執行的行為；
這個配置就像是編程魔法~
7. css 格式化
你可能已經在使用 Stylelint 了，如果沒有，請在配置中設置它！
另一個設置是 editor.suggest.insertMode，當設置為“replace”時，意味著——當你選擇一個提示并按 Tab 或 Enter 時，將替換整個文本為提示，這非常有用。
8. 開啟 Emmet
你可能熟悉 Emmet —— Web 開發人員必備工具包，如果沒有，請設置它；雖然它內置于 VS Code，但必須手動配置啟用；
9. Tailwind CSS
Tailwind CSS 是一個功能類優先的 CSS 框架，它集成了諸如?flex,?pt-4,?text-center?和?rotate-90?這樣的的類，它們能直接在腳本標記語言中組合起來，構建出任何設計。
雖然它目前尚未內置在 VS Code 中，但可作為免費的 VS Code 擴展進行安裝使用，還可以配置附加設置增強它的功能！
10. 單擊打開文件
VS Code 默認用戶界面，有個奇怪的現象，它需要雙擊才能從文件資源管理器中打開文件。
單擊一下得到的是奇怪的“預覽”模式，當你單擊下一個文件時，第一個文件就會消失。這就像只有一個標簽。
需要進行這個配置，關閉后，單擊將在新選項卡中打開文件。問題解決了~
將配置用 Settings Sync 進行同步，去哪都能個性化、自定義！酷的！
更多編程相關知識，請訪問：vscode教程?。?/p>
