配置VS代碼

如何將VS Code從零設置為JavaScript開發的理想工具

我最近購買了一台新的Mac(MacBook Air),並且必須安裝新的VS Code,所以我花時間記錄了我所做的工作,以使我的編碼體驗與舊的MacBook Pro相當,這種體驗持續了9個小時。年。

看我的VS代碼介紹也發布

這是我所做的:

  1. 我安裝了費拉密碼並將其設置為我的字體家族
  2. 我將“標籤大小”設置為2(這是我的信仰)。空格。 2個空格。
  3. 我加了**/node_modules排除文件,以防止它們出現在文件列表中
  4. 我啟用了粘貼格式保存時格式化
  5. 已啟用字體連字
  6. 禁用小地圖
  7. 已啟用修剪尾隨空白
  8. 我安裝了Sublime Text Keymap插件。它給cmd-K cmd-B顯示/隱藏側邊欄的快捷方式,cmd-W關閉文件等等。

接下來,我安裝了一些主題。這取決於你的口味。我喜歡在兩者之間切換

  • 白夜主題
  • 諾斯特羅莫
  • 夜貓子
  • 阿玉

接下來,我安裝了這些擴展:

這是開始使用JavaScript和React的一個很好的條件。

根據我的喜好和需求配置所有內容後,這是我的用戶設置JSON:

{
    "editor.fontFamily": "Fira Code",
    "editor.tabSize": 2,
    "editor.wordWrap": "bounded",
    "files.exclude": {
        "**/node_modules": true
    },
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.minimap.enabled": false,
    "workbench.colorTheme": "Tomorrow Night Blue",
    "files.trimTrailingWhitespace": true,
    "workbench.activityBar.visible": false,
    "window.zoomLevel": 2,
    "editor.cursorBlinking": "smooth",
    "editor.fontLigatures": true,
    "prettier.jsxBracketSameLine": true,
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    "prettier.semi": false,
    "[markdown]": {
        "editor.renderWhitespace": "all",
        "editor.acceptSuggestionOnEnter": "off",
        "editor.parameterHints.enabled": false,
        "editor.quickSuggestions": false,
        "editor.snippetSuggestions": "none",
    }
}

[markdown]部分添加了Markdown特定的配置。在這種情況下,我將禁用所有在編寫時分散我注意力的彈出窗口,否則這些彈出窗口在編碼時會很有用。

而已。

還簽出用於React開發的VS Code設置

祝您編碼愉快!


更多devtools教程: