搜索
首页软件教程电脑软件Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法

困扰于 VSCode 编辑器的默认配色方案?php小编柚子为你带来详细的配色修改教程,一步步指导你打造个性化的编辑器界面。从了解配色设置到自定义配色方案,这篇指南将为你提供全面的指导。

1、首先,你要做的,就是知道你想要修改的代码,是属于什么基本类型。你可以将光标移动到某段你想要修改颜色的代码上,比如将光标移动到一段字符串上。

Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法

2、然后,在命令面板里运行 【检查TM作用域】(Inspect TM Scopes)命令。

Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法

3、此时,编辑器中出现一个新的悬浮窗。这个窗口里呈现的,就是当前这个代码片段所对应的语言、语法类型以及当前的颜色和背景色等。

Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法

4、比如在上图里,这个窗口呈现了以下信息:

当前的 token 是 hello,它的类型是 String。

它的颜色是 #ce9178ff ,背景色是 #1e1e1eff。

它所属的语法作用域由内而外分别是 string.quoted.double.js,meta.var.expr.js,source.js。

5、接着如果你想要将所有字符串都变成红色,那么就需要修改String这个作用域的颜色。下面,你可以再次打开个人设置(JSON),输入 editor.tokenColorCustomizations。

Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法

6、再把光标放入这个 JSON 对象中,按下 【Ctrl Space】 触发建议列表,就能够看到如下的建议。

Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法

7、建议列表中首先出现的,就是你可以在 VS Code 中使用的所有的主题的名字。通过选择它们,你可以只覆盖某个主题中的某个颜色。这里你可以滚动这个列表,看看下面还有别的什么建议。

Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法

你可以看到如下几个选项:

comments 代表着注释的颜色。

functions 代表着函数的寒色。

keywords 代表着关键字的颜色。

numbers 代表着数字的颜色。

strings 代表着字符串的颜色。

types 代表着类型的颜色。

variables 代表着变量的颜色。

textMateRules 我下面会再介绍。

为了修改字符串的颜色,你只需选择 strings 即可,然后将其修改为红色,也就是:

"editor.tokenColorCustomizations": { "strings": "#FF0000", }

8、最后保存设置后,你再回到刚才的 JavaScript 文件时,就可以看到字符串颜色都变了。

Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法

以上是Vscode怎么修改编辑器配色__Vscode修改编辑器配色方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文转载于:zol。如有侵权,请联系admin@php.cn删除
Microsoft Powertoys的价格是多少?Microsoft Powertoys的价格是多少?Apr 09, 2025 am 12:03 AM

MicrosoftPowerToys是免费的。这套由微软开发的工具集合旨在增强Windows系统功能,提升用户工作效率。通过安装和使用FancyZones等功能,用户可以自定义窗口布局,优化工作流程。

Powertoys的最佳选择是什么?Powertoys的最佳选择是什么?Apr 08, 2025 am 12:17 AM

thebestalternativestopowertoysforwindowsersareautohotkey,windowgrid,andwinaerotweaker.1)autohohotkeyoffersextensextensExtensExtensIvesCriptingForautomation.2)WindowGridProvidesIntergrid witchGridProvidesIntergrid

Microsoft Powertoys是否需要许可证?Microsoft Powertoys是否需要许可证?Apr 07, 2025 am 12:04 AM

MicrosoftPowerToys不需要许可证,是免费的开源软件。1.PowerToys提供多种工具,如FancyZones用于窗口管理,PowerRename用于批量重命名,ColorPicker用于颜色选择。2.用户可以根据需求启用或禁用这些工具,提升工作效率。

Microsoft Powertoys是免费的还是付费的?Microsoft Powertoys是免费的还是付费的?Apr 06, 2025 am 12:14 AM

MicrosoftPowerToys是完全免费的。这个工具集提供了增强Windows操作系统的开源实用程序,包括FancyZones、PowerRename和KeyboardManager等功能,帮助用户提高工作效率和自定义操作体验。

Powertoys是Windows 11的一部分吗?Powertoys是Windows 11的一部分吗?Apr 05, 2025 am 12:03 AM

PowerToys不是Windows11的默认组件,而是微软开发的需单独下载的工具集。1)它提供如FancyZones和Awake等功能,提升用户生产力。2)使用时需注意可能的软件冲突和性能影响。3)建议选择性启用工具并定期更新以优化性能。

如何下载Microsoft Powertoys?如何下载Microsoft Powertoys?Apr 04, 2025 am 12:03 AM

下载MicrosoftPowerToys的方法是:1.打开PowerShell并运行wingetinstallMicrosoft.PowerToys,2.或访问GitHub页面下载安装包。PowerToys是一套提升Windows用户生产力的工具,包含FancyZones和PowerRename等功能,可通过winget或图形界面安装。

Powertoys的目的是什么?Powertoys的目的是什么?Apr 03, 2025 am 12:10 AM

PowerToys是微软推出的免费工具集合,旨在提升Windows用户的生产力和系统控制。它通过独立模块提供功能,如FancyZones管理窗口布局和PowerRename批量重命名文件,使用户工作流程更顺畅。

Powertoys需要运行吗?Powertoys需要运行吗?Apr 02, 2025 pm 04:41 PM

PowerToys需要在后台运行才能发挥其全部功能。1)它依赖系统级别的钩子和事件监听,如FancyZones监控窗口移动。2)资源占用合理,通常为50-100MB内存,CPU使用率空闲时几乎为零。3)可以通过任务计划程序设置开机自启,使用PowerShell脚本实现。4)遇到问题时,检查日志文件、禁用特定工具、确保更新到最新版本。5)优化建议包括禁用不常用工具、调整设置、监控资源使用。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。