VsCode相关设置

原创已于 2025-05-13 21:37:48 修改 · 745 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #ide #编辑器

于 2025-05-12 20:03:29 首次发布

设置选中高亮颜色

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#0ce53f",  // 选中单词的背景色
    "editor.selectionHighlightBackground": "#e70a0a"  // 其他匹配单词的高亮色
}

设置打开tab的颜色，原本的颜色区分不明显

"tab.activeBackground": "#077290"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

映秀小子

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

VS code 任意配置代码主题颜色的方法

逆水行舟

04-02

1652

1：点击下图菜单，打开 command palette 命令框，选择developer：inspect editor tokens and scopes,然后点击任何函数名，出现如下信息框。"workbench.colorCustomizations": //用于自定义工作区（如侧边栏、标签栏等）的颜色。"editor.tokenColorCustomizations": //它用于自定义编辑器内的文本颜色。, //将上图红色框中字符串填入此处。, //设置背景色。//设置函数名的颜色。

【VSCode / Source Insight 4】设置关键字高亮的插件 | Highlight Word

qq_43552564的博客

11-01

2196

【VSCode / Source Insight 4】设置关键字高亮的插件 | Highlight Word

参与评论您还未登录，请先登录后发表或查看评论

VSCode括号高亮插件（vscode插件）bracket pair、活动括号对、括号线（未完全检查）

最新发布

Dontla的博客

10-11

1052

VS Code 已经内置了基础的括号匹配功能（当光标放在一个括号上时，会高亮对应的另一边）。在括号右侧显示注释，标明“此括号对应哪里”（对大型函数或 JSX 特别实用）现在虽然已被官方 bracket pair 替代，但依然很多人觉得更好看。这样，代码中不同层级的括号会有不同颜色，还会显示竖线指示层级。这是 VS Code 自带的快捷键，可以快速跳到匹配括号。VS Code 默认是“光标放上去高亮”，但你想实现“功能：支持双击或快捷键选中括号、引号内的内容。功能类似，但视觉风格更鲜艳，适合颜色控。

解决代码在VSCode中不高亮的问题

DpgrMl的博客

09-23

8154

如果你的代码是使用某种特定语言编写的，确保已经安装了相应的语言扩展并且启用了它。你可以通过在VSCode的扩展市场中搜索相应的语言扩展来安装它。文件类型未关联到正确的语言：有时候，VSCode可能无法自动识别你的代码文件的类型，从而导致无法正确高亮显示。在VSCode中，点击右下角的文件类型选择框（默认为纯文本），然后选择与你的代码文件类型相对应的语言。总结起来，当你的代码在VSCode中无法正确高亮显示时，可以尝试安装和启用相应的语言扩展、关联正确的文件类型、检查文件后缀名以及恢复默认的主题或颜色方案。

【VSCode】VSCode如何设置代码字体颜色高亮

qq_22193961的博客

02-26

2346

VSCode如何设置代码字体颜色高亮我们刚下载的VSCode软件看代码是灰色的，我们需要安装Vetur就可以使代码有颜色了步骤1：打开VSCode软件，然后点击左侧中的扩展功能，如图所示：步骤2：输入Vetur，或者点击下面的Vetur进行安装步骤3：此时打开项目.vue文件，即可达到想要的效果，如图所示： ...

VSCode如何设置高亮

qq_41483419的博客

08-14

2万+

高亮

vscode如何设置默认打开的浏览器为Chrome

10-14

在开发过程中，Visual Studio Code（简称VSCode）是一款广受欢迎的源代码编辑器，它集成了...希望这篇文章对你设置VSCode默认浏览器有所帮助，如需了解更多相关内容，欢迎查阅其他相关文章或继续探索VSCode的更多功能。

vscode-按比例缩放vscode界面设置.pdf

01-30

VScode如何设置中文.docx

12-16

如果遇到操作不符的情况，建议直接查阅 VSCode 的最新官方文档，或者直接在设置界面中探索相关选项，以便获取最准确的设置方法。设置好中文语言环境后，VSCode 变得更易于理解和使用，尤其是对于初学者和非英语...

vscode设置clang-format

qq_40622955的博客

08-08

626

本文介绍了VS Code中C/C++代码格式化的配置方法。主要内容包括：1) 安装C/C++插件并设置保存时自动格式化；2) 说明.clang-format配置文件的作用，它是定义所有代码风格的核心文件；3) 提供了详细的.clang-format配置示例，包含代码缩进、大括号换行、指针对齐等多项格式化规则；4) 使用方式可通过右键菜单或快捷键Ctrl+Shift+I进行格式化；5) 展示了格式化后的代码效果示例。该配置支持C++11标准，适合团队统一代码风格。

VS Code代码高亮颜色设置

热门推荐

xuejinglingai的专栏

12-10

8万+

1.File-》Preferences-》settings 2.在search settings中输入workbench.colorCustomizations 3.按照如下设置 { "editor.fontSize": 12, "editor.minimap.enabled": false, "window.zoomLevel": 2, "workbench.colorC...

vs code C/C++语法高亮配置文件（C/C++ Themes插件）

09-12

vscode配色插件的c/c++语法高亮配置文件，主题插件为C/C++ Themes。可以对诸如const、enum、typedef别名、结构体引用等语法高亮进行设置，语言本身的关键字自然不用说了，比one dark pro等热门的插件颜色丰富的多。根据自己喜好对c常用语法颜色进了仔细设置，并加有注释。

vscode 设置代码高亮

weixin_42645716的博客

04-01

2万+

初始情况： 1、File-》Preferences-》settings (我本地环境已经英文转了中文，想要转换环境，可以看上一篇。) 2、在search settings中输入workbench.colorCustomizations 3、新增代码 "editor.fontSize": 14, //窗口字号显示 "editor.minimap.enabled": false, ...

VS Code 设置当前行高亮代码规范

通信洋的博客

06-06

1163

3、复制如下代码，即可进行颜色配置。2、找到如下选项，进行编辑。

vscode高亮设置

qq_47827276的博客

09-09

286

1、安装插件——highLight。2、修改高亮的快捷键。

vscode高亮插件——highlight-words（高亮代码、高亮变量、突出显示）（vscode插件）

Dontla的博客

07-03

2万+

前面跟上面一样的方法，选择Highlight Remove，然后选择要删除的高亮变量即可，也可以选择。：如果为true，则将突出显示显示为选择周围的框，如果为false，则将突出显示设置为背景颜色。：初始化时的初始模式。0=默认，1=整个单词，2=忽略大小写，3=整个单词和忽略大小写。：这是一个轻/暗对的数组，用于各自的主题类型，您可以拥有尽可能少或尽可能多的颜色对。：在资源管理器窗口中提供了一个视图，用于搜索、更改选项和删除突出显示的内容。它为所有编辑器中出现的每个选定的单词创建一个装饰。

vscode设置选中代码自定义高亮颜色

weixin_48617416的博客

04-05

2984

其中"editor.selectionBackground":表示设置的颜色，具体颜色依个人喜好选择。按照如下步骤，点击步骤3的小图标，进入settings.json。这个网站挑选自己喜欢的颜色。在文件的末尾填充如下代码。

【VSCode】代码高亮的调整

学渣的博客

11-11

1万+

默认在dark的背景下，代码选中后高亮的效果是浅浅的白色，那么如果我想实现如下效果该怎么操作呢？然后在搜索中输入：workbench.colorCustomizations。打开，并把以下代码插入。注意，颜色是可以选择的~

[VS Code]-代码高亮设置

其木王·王子的博客

07-22

5106

代码高亮设置在vscode 中对 “选中的代码片段高亮颜色设置”和 “所在当前行高亮提示设置” workbench.colorCustomizations 2. 写配置代码 "editor.selectionHighlightBackground": "#ff0000", "editor.lineHighlightBackground": "#8c00ff", ...

vscode如何设置

06-29

<think>我们正在讨论如何在VSCode中配置设置。根据引用，配置VSCode设置有两种主要方式：通过图形界面（设置UI）或直接编辑settings.json文件。用户可以根据自己的偏好选择其中一种方法。引用[2]提到可以通过修改用户设置或工作区设置来配置VSCode。用户设置是全局的，而工作区设置仅针对当前项目。引用[3]展示了一个settings.json文件的示例，其中包含了一些常见的配置选项，如自动保存、启用缩略图、ESLint集成等。因此，我将分步骤说明如何配置VSCode设置，包括两种方法。步骤1：打开设置方法一（图形界面）：1.打开VSCode。2.使用快捷键`Ctrl+,`（Windows/Linux）或`Cmd+ ,`（Mac）打开设置界面。3.或者，点击左下角的齿轮图标（管理）->设置。方法二（直接编辑settings.json）：1.在设置界面右上角有一个打开设置(JSON)的图标（一个带有{}的图标），点击即可打开settings.json文件。2.或者，使用快捷键 `Ctrl +Shift +P`（Windows/Linux）或`Cmd+ Shift+ P`（Mac）打开命令面板，输入“Preferences:Open Settings(JSON)”并选择。步骤2：修改设置在图形界面中，你可以搜索设置项并选择或输入值。在settings.json中，你可以直接添加或修改JSON格式的键值对。步骤3：保存设置在图形界面中，修改后自动保存。在settings.json中，保存文件（Ctrl+S）后设置立即生效。引用[3]中的示例settings.json包含了一些常见设置，例如：-自动保存：`"files.autoSave":"afterDelay"`-启用缩略图：`"editor.minimap.enabled": true`-使用ESLint自动修复：`"editor.codeActionsOnSave":{ "source.fixAll.eslint": true}`等用户可以根据需要添加或修改这些设置。注意事项：-在settings.json中，注释使用`//`，但注意JSON标准不支持注释，VSCode允许在settings.json中使用注释，但严格JSON不允许。因此，如果复制到其他地方，注释可能导致错误。-工作区设置会覆盖用户设置，项目中的.vscode/settings.json文件用于工作区设置。根据引用[1]，VSCode的突出特点是其强大的插件功能，用户可以根据需要安装插件来扩展功能，每个用户的VSCode都是高度个性化的。因此，配置设置是定制VSCode的重要部分。相关问题：1.如何为特定语言（如Python、C++）配置VSCode设置？2.如何在VSCode中管理工作区设置？3.VSCode有哪些常用的设置项可以提高开发效率？注意：在回答中，我们引用了提供的引用[1]、[2]、[3]，并在末尾添加了引用标识。</think>### VSCode 配置设置指南在 VSCode 中配置设置主要有两种方式，用户可根据需求选择： #### 方法一：图形化界面设置（推荐初学者） 1. **打开设置面板** - 快捷键：`Ctrl + ,`（Windows/Linux）或 `Cmd + ,`（Mac） - 菜单路径：左下角齿轮图标 → 设置 2. **修改设置** - 在搜索框输入关键词（如 `font size`） - 通过下拉菜单/输入框直接修改值 - 设置自动实时生效[^1] #### 方法二：直接编辑 settings.json（高级用户） 1. **打开配置文件** - 命令面板（`Ctrl+Shift+P`）输入：`Preferences: Open Settings (JSON)` - 或点击设置界面右上角的 `{}` 图标 2. **修改 JSON 格式配置** ```json { // 字体设置 "editor.fontSize": 16, "editor.fontFamily": "Consolas, 'Courier New', monospace", // 自动保存（修改后延迟保存） "files.autoSave": "afterDelay", // 启用代码缩略图 "editor.minimap.enabled": true, // ESLint 自动修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, // 排除特定文件/文件夹 "files.exclude": { "**/.git": true, "**/.vscode": true, "**/node_modules": true } } ``` > 保存文件（`Ctrl+S`）后立即生效[^3] #### 常用配置示例 1. **界面优化**： ```json "workbench.colorTheme": "Default Dark+", "window.titleBarStyle": "custom", "editor.renderWhitespace": "all" ``` 2. **代码辅助**： ```json "editor.formatOnSave": true, "editor.suggestSelection": "first", "emmet.triggerExpansionOnTab": true ``` 3. **文件管理**： ```json "explorer.confirmDelete": false, "files.autoSaveDelay": 1000 // 自动保存延时(毫秒) ``` #### 配置层级说明 | 配置类型 | 存储位置 | 优先级 | |----------------|------------------------------|--------| | **用户设置** | `%APPDATA%/Code/User/settings.json` | 低 | | **工作区设置** | 项目内 `.vscode/settings.json` | 高 | | **远程设置** | 容器/远程开发环境配置 | 最高 | > 工作区设置会覆盖用户设置，适合项目特定的配置[^2] #### 注意事项 1. JSON 文件需严格遵循语法规范（引号、逗号等） 2. 修改后若出现异常，可通过命令面板运行 `Preferences: Reset Settings` 3. 安装扩展后，部分设置项可能需要重启生效通过个性化配置，您可以将 VSCode 打造成专属的高效开发环境[^1]。