【VSCode】自定义配置

咖喱年糕

已于 2024-07-18 16:08:25 修改

阅读量1.3k

点赞数 27

分类专栏：环境搭建文章标签： vscode ide 编辑器 settings.json

于 2023-12-08 14:28:15 首次发布

本文链接：https://blog.csdn.net/m0_62140641/article/details/134863195

版权

环境搭建专栏收录该内容

35 篇文章 13 订阅

订阅专栏

VSCode自定义配置

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

我的一些示例

	/* 上面的部分是我自己创建的一些设置 */
	"editor.insertSpaces": false, /* 自动插入空格禁用*/
	"editor.detectIndentation": false, /* 启用时根据文件内容进行重写*/
	"editor.renderControlCharacters": true, /* 是否显示控制字符：启用*/
	"editor.renderWhitespace": "all", /* 显示 4 个空格是.... */
	"editor.tabSize": 4, /* tab 设置为 4 个空格*/
	"editor.fontSize": 20, /* 代码字体大小*/
	"editor.fontFamily": "Monaco, 'Courier New', monospace", /* 代码字体*/
	"update.mode": "manual", /* 设置不自动更新*/
	/********************************/

1. 主题和配色方案:

在 “settings.json” 中设置：

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

2. 字体设置:

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

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 文件进行自定义配置。这个文件可以包含全局设置，也可以包含针对特定工作空间的设置。

全局配置:

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

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

工作空间配置:

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

配置示例:

以下是一些配置示例：

// settings.json

{
    "workbench.colorTheme": "Material Theme Darker",
    "editor.fontSize": 20,
    "editor.tabSize": 4,
    "editor.insertSpaces": true,
    "files.autoSave": "onFocusChange",
    "files.autoSaveDelay": 1000,
    "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
}