VScode代码高亮的全面详解

一、自定义VScode代码高亮

自定义VScode代码高亮可以满足程序员个性化的需求，让代码阅读更加的舒适。VSCode提供了一些默认主题，如果这些主题不符合你的口味，你可以根据自己的喜好自定义代码高亮主题。

VSCode提供了一种名为“颜色主题生成器”（Color Theme Generator）的工具来帮助用户自定义主题。步骤如下：

在菜单栏中选择“文件”->“首选项”->“颜色主题”，找到并加载“颜色主题生成器”插件。然后选择在左侧的颜色方案栏中修改所需的颜色。最后，通过点击“编辑”或“导入”按钮来保存该主题。

在编辑框下方的小图标中，用户可以通过下拉菜单来选择自己定义的主题，也可以通过搜索皮肤名称来找到自己的主题。


"workbench.colorCustomizations": {
    "editor.background": "#282828",
    "editor.lineHighlightBackground": "#383838",
    "editorLineNumber.foreground": "#919191"
}

二、VSCode代码高亮插件

VSCode有很多插件可以帮助用户扩展代码高亮的功能，使得代码的可读性更强。以下是一些常用的插件：

1. Code Spell Checker

Code Spell Checker可以帮助用户找到代码中的拼写错误，同时还可以将非官方拼写词汇加入字典中。


"cSpell.enabled": true,
"cSpell.language": "en, en-GB",
"cSpell.userWords": [
    "Webpack",
    "Babel",
    "Eslint",
    "Jest",
    "Svelte",
    "Prettier"
]

2. Indent One Space

Indent One Space可以将Tab自动转化为一个空格的形式。这虽然是微小的变化，但它可以让代码更具有一致性。


"editor.detectIndentation": false,
"editor.tabSize": 2,
"editor.insertSpaces": true

3. Bracket Pair Colorizer

Bracket Pair Colorizer 2能够突出显示匹配左右括号和尖括号，让程序员代码编写更加准确。


"bracket-pair-colorizer-2.colors": [
    "#FACEE1",
    "#F79C96",
    "#8DB6DE"
],

三、VSCode代码高亮常见问题

1. VSCode代码高亮不显示？

如果您遇到此问题，请确保代码文件扩展名正确。例如，如果您的文件是Python文件，则必须将其保存为PYTHON文件而不是.txt文件。

另外，请检查您的VSCode代码高亮设置。如果您升级了VSCode，则可能会重置配置。请检查“首选项”->“设置”以确保您的代码高亮设置正确。

2. VSCode代码高亮设置

要设置VSCode代码高亮，您可以在“首选项”->“设置”中找到所有相关设置。代码高亮设置包括语法高亮、代码折叠、自动缩进等。例如，要启用XML语法高亮，请添加以下代码：


"files.associations": {
    "*.xml": "xml"
}

3. VSCode代码高亮颜色

如果您想自定义VSCode代码高亮颜色，可以通过更改VSCode主题、安装扩展或通过编辑setting.json来完成。例如，要更改主题颜色，您可以从菜单中选择“首选项”->“颜色主题”。

4. VSCode代码高亮快捷键

VSCode已经定义了一些常用的快捷键。您可以从菜单中选择“首选项”->“键绑定”，在键绑定窗口中搜索您想要的快捷键组合。

5. VSCode设置代码提示选取

VSCode代码提示选项是一个非常有用的功能，可以加快代码开发的速度。以下是一些相关的设置：


// 显示带有参数类型和文档的提示
"editor.parameterHints": true,

// 显示自动完成项（默认）
"editor.quickSuggestions": true,

// 在输入时显示模糊自动完成功能
"editor.suggestOnTriggerCharacters": true,

// 显示建议的数量（默认8）
"editor.suggestSelection": "recentlyUsed",

// 按Tab键触发建议
"editor.tabCompletion": "on"

四、VSCode代码颜色插件

如果您喜欢自定义代码高亮主题颜色，以下是几个常用的VSCode颜色插件：

1. Material Theme

Material Theme是一个广受欢迎的主题插件，其颜色鲜艳、明亮、高对比，非常适合长时间的编程。

2. Dracula Official

Dracula Official主题是另一个受欢迎的VSCode代码颜色插件。它深邃、神秘、对比度强，非常适合深夜编程。

3. Solarized Light

Solarized Light主题是很多开发人员使用过的主题。它是渐变灰色、浅色的主题，非常适合在白天使用。

综上所述，VScode代码高亮功能非常强大，可以帮助开发人员实现更好的代码可读性。通过自定义、插件和设置，可以让编程变得更加轻松和有趣。

原创文章，作者：DAXWM，如若转载，请注明出处：https://www.506064.com/n/331951.html