【VSCode】自定义配置

2023-12-14 04:52:40

VSCode自定义配置

Visual Studio Code (VSCode) 是一个强大的开源代码编辑器,支持丰富的自定义配置。下面是一些常见的自定义配置选项,你可以根据个人喜好和工作流程进行调整:

1. 主题和配色方案:

在 “settings.json” 中设置:

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

2. 字体设置:

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

3. 自动保存:

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

4. 行号和标尺:

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

5. 缩进和换行:

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

6. 文件关联和语言模式:

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

7. Git 集成:

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

8. 终端设置:

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

9. 插件设置:

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

10. 自定义键绑定:

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

以上只是一些示例,你可以根据个人需求和喜好进行更多的配置。在 VSCode 中,你可以通过 File -> Preferences -> Settings 打开设置页面,或者使用快捷键 Ctrl + ,(Windows/Linux)或 Cmd + ,(Mac)快速访问设置。在设置页面的右上角,你可以点击 “Open Settings (JSON)” 打开 settings.json 文件,手动编辑更高级的设置。

settings.json进行自定义配置

在 Visual Studio Code (VSCode) 中,你可以通过 settings.json 文件进行自定义配置。这个文件可以包含全局设置,也可以包含针对特定工作空间的设置。

全局配置:

  1. 打开 VSCode。
  2. 点击左下角的齿轮图标,选择 “Settings”(或者使用快捷键 Ctrl + ,(Windows/Linux)或 Cmd + ,(Mac))。
  3. 在右上角点击 “Open Settings (JSON)”,这会打开一个 JSON 格式的配置文件。

在这个文件中,你可以添加和编辑全局设置,这些设置将应用于所有工作空间。例如,你可以在其中添加主题、字体、行号等配置。

工作空间配置:

如果你希望针对特定的工作空间进行配置,可以在工作空间的根目录创建一个名为 .vscode 的文件夹,并在其中创建一个 settings.json 文件。这样的话,这个配置文件中的设置将只应用于当前工作空间。

配置示例:

以下是一些配置示例:

// 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
}

上面的例子设置了主题、字体大小、制表符大小、自动保存等配置。你可以根据自己的喜好进行修改和添加。记得保存文件后,VSCode 会立即应用这些配置。

settings.json文件配置路径

settings.json 文件可以保存在两个位置,分别是用户全局配置工作空间配置

1. 用户全局配置:

全局配置适用于所有工作空间,通常存储在用户目录的 .config 文件夹中(对于 macOS 和 Linux),或者用户目录的 AppData/Roaming 文件夹中(对于 Windows)。

  • 在 macOS 和 Linux 中:

    • ~/.config/Code/User/settings.json
  • 在 Windows 中:

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

你可以通过按下 Ctrl + ,(Windows/Linux)或 Cmd + ,(Mac)打开设置,然后点击右上角的 “Open Settings (JSON)” 图标,编辑用户全局配置。

2. 工作空间配置:

工作空间配置是存储在特定项目或工作空间中的配置文件。在你的项目根目录下创建一个名为 .vscode 的文件夹,然后在其中创建 settings.json 文件:

  • 项目目录中:
    • .vscode/settings.json

在工作空间配置文件中,你可以设置项目特定的配置,这样这些配置只会应用于当前工作空间。

请注意,工作空间配置优先于用户全局配置。如果在工作空间配置中设置了某个选项,它将覆盖用户全局配置。

在 VSCode 中,你可以通过按下 Ctrl + ,(Windows/Linux)或 Cmd + ,(Mac),然后点击右上角的 “Open Settings (JSON)” 图标,编辑工作空间配置。

文章来源:https://blog.csdn.net/m0_62140641/article/details/134863195
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。