VSCode自定義配置

Visual Studio Code (VSCode) 是一個(gè)強(qiáng)大的開源代碼編輯器，支持豐富的自定義配置。下面是一些常見的自定義配置選項(xiàng)，你可以根據(jù)個(gè)人喜好和工作流程進(jìn)行調(diào)整：

1. 主題和配色方案:

在 “settings.json” 中設(shè)置：

{"workbench.colorTheme": "Theme Name",// 或者使用自定義的顏色主題"workbench.colorCustomizations": {"activityBar.background": "#333333","sideBar.background": "#2C2C2C"}
}

2. 字體設(shè)置:

{"editor.fontFamily": "Consolas, 'Courier New', monospace","editor.fontSize": 14
}

3. 自動(dòng)保存:

{"files.autoSave": "afterDelay", // 或 "onFocusChange", "onWindowChange""files.autoSaveDelay": 1000
}

4. 行號(hào)和標(biāo)尺:

{"editor.lineNumbers": "on", // "off", "relative""editor.rulers": [80, 120],"editor.wordWrap": "on"
}

5. 縮進(jìn)和換行:

{"editor.tabSize": 4,"editor.insertSpaces": true,"editor.detectIndentation": false,"editor.wordWrap": "on"
}

6. 文件關(guān)聯(lián)和語言模式:

{"files.associations": {"*.html": "html","*.vue": "vue"},"files.autoGuessEncoding": true
}

7. Git 集成:

{"git.enableSmartCommit": true,"git.autofetch": true,"git.confirmSync": false,"git.defaultCloneDirectory": "~/Projects"
}

8. 終端設(shè)置:

{"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe","terminal.integrated.fontFamily": "Meslo LG M for Powerline","terminal.integrated.fontSize": 14
}

9. 插件設(shè)置:

{"eslint.autoFixOnSave": true,"prettier.singleQuote": true
}

10. 自定義鍵綁定:

{"keybindings": [{"key": "ctrl+shift+alt+C","command": "extension.sayHello","when": "editorTextFocus"}]
}

以上只是一些示例，你可以根據(jù)個(gè)人需求和喜好進(jìn)行更多的配置。在 VSCode 中，你可以通過 File -> Preferences -> Settings 打開設(shè)置頁面，或者使用快捷鍵 Ctrl + ,（Windows/Linux）或 Cmd + ,（Mac）快速訪問設(shè)置。在設(shè)置頁面的右上角，你可以點(diǎn)擊 “Open Settings (JSON)” 打開 settings.json 文件，手動(dòng)編輯更高級(jí)的設(shè)置。

settings.json進(jìn)行自定義配置

在 Visual Studio Code (VSCode) 中，你可以通過 settings.json 文件進(jìn)行自定義配置。這個(gè)文件可以包含全局設(shè)置，也可以包含針對(duì)特定工作空間的設(shè)置。

全局配置:

1. 打開 VSCode。
2. 點(diǎn)擊左下角的齒輪圖標(biāo)，選擇 “Settings”（或者使用快捷鍵 Ctrl + ,（Windows/Linux）或 Cmd + ,（Mac））。
3. 在右上角點(diǎn)擊 “Open Settings (JSON)”，這會(huì)打開一個(gè) JSON 格式的配置文件。

在這個(gè)文件中，你可以添加和編輯全局設(shè)置，這些設(shè)置將應(yīng)用于所有工作空間。例如，你可以在其中添加主題、字體、行號(hào)等配置。

工作空間配置:

如果你希望針對(duì)特定的工作空間進(jìn)行配置，可以在工作空間的根目錄創(chuàng)建一個(gè)名為 .vscode 的文件夾，并在其中創(chuàng)建一個(gè) settings.json 文件。這樣的話，這個(gè)配置文件中的設(shè)置將只應(yīng)用于當(dāng)前工作空間。

配置示例:

以下是一些配置示例：

// settings.json{"workbench.colorTheme": "Material Theme Darker","editor.fontSize": 16,"editor.tabSize": 2,"editor.insertSpaces": true,"files.autoSave": "onFocusChange","files.autoSaveDelay": 500,"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe","extensions.ignoreRecommendations": true,"git.confirmSync": false,"prettier.singleQuote": true,"eslint.autoFixOnSave": true,"editor.formatOnSave": true
}

上面的例子設(shè)置了主題、字體大小、制表符大小、自動(dòng)保存等配置。你可以根據(jù)自己的喜好進(jìn)行修改和添加。記得保存文件后，VSCode 會(huì)立即應(yīng)用這些配置。

settings.json文件配置路徑

settings.json 文件可以保存在兩個(gè)位置，分別是用戶全局配置和工作空間配置：

1. 用戶全局配置:

全局配置適用于所有工作空間，通常存儲(chǔ)在用戶目錄的 .config 文件夾中（對(duì)于 macOS 和 Linux），或者用戶目錄的 AppData/Roaming 文件夾中（對(duì)于 Windows）。

• 在 macOS 和 Linux 中：

  • ~/.config/Code/User/settings.json

• 在 Windows 中：

  • %APPDATA%\Code\User\settings.json

你可以通過按下 Ctrl + ,（Windows/Linux）或 Cmd + ,（Mac）打開設(shè)置，然后點(diǎn)擊右上角的 “Open Settings (JSON)” 圖標(biāo)，編輯用戶全局配置。

2. 工作空間配置:

工作空間配置是存儲(chǔ)在特定項(xiàng)目或工作空間中的配置文件。在你的項(xiàng)目根目錄下創(chuàng)建一個(gè)名為 .vscode 的文件夾，然后在其中創(chuàng)建 settings.json 文件：

• 項(xiàng)目目錄中：
  • .vscode/settings.json

在工作空間配置文件中，你可以設(shè)置項(xiàng)目特定的配置，這樣這些配置只會(huì)應(yīng)用于當(dāng)前工作空間。

請(qǐng)注意，工作空間配置優(yōu)先于用戶全局配置。如果在工作空間配置中設(shè)置了某個(gè)選項(xiàng)，它將覆蓋用戶全局配置。

在 VSCode 中，你可以通過按下 Ctrl + ,（Windows/Linux）或 Cmd + ,（Mac），然后點(diǎn)擊右上角的 “Open Settings (JSON)” 圖標(biāo)，編輯工作空間配置。