vscode 自定义主题样式

最新推荐文章于 2025-05-31 14:52:11 发布

_一代大神

最新推荐文章于 2025-05-31 14:52:11 发布

阅读量1.4w

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/liaozhenting/article/details/77654722

本文介绍如何在VSCode中使用Tomorrow主题，并通过修改配置文件实现关键字斜体显示的效果。适用于希望个性化设置VSCode主题的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vscode的插件安装目录C:\Users\你的用户名\.vscode\extensions

以tomorrow主题为例，我们进入插件目录C:\Users\你的用户名\.vscode\extensions\ms-vscode.theme-tomorrowkit-0.1.4\themes,

用编辑器打开Tomorrow.tmTheme

搜索keyword，找到这一段，在<string></string>加上italic

保存，退出vscode,再启动。就可以看到var function if eles关键字都是斜体了。

Tomorrow.tmTheme配置文件里。keyword代表是'if else while try' 一类。storage 代表是'var let const function'等关键字。其它部分都可以对应着自己修改，自己DIY。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_一代大神

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

setting.json

资深罚时选手

01-07

1075

{ "python.linting.pylintArgs": [ "–load-plugins=pylint_django" ], "files.autoSave": "afterDelay", "files.autoSaveDelay": 1000, // ファイルの終了時に行末のスペース削除 "files.trimTrailingWhitespace": tr...

vscode 主题自定义设置分享

todayshalemei的博客

10-11

1342

vscode主题

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

vscode自定义theme，护眼java主题

11-13

绿色活动栏，纯黑代码背景更加护眼，绿色高亮关键字，错误提醒黄色波浪线更加醒目和护眼加压后，将压缩包内的文件夹拷贝到vscode安装目录-->resources-->app-->extensions内，在vscode中设置-->颜色主题-->Eric Dark

VSCode中Markdown预览样式美化技巧与多方案推荐

最新发布

weixin_35797963的博客

05-31

1221

Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，而后转换成有效的XHTML（或者HTML）文档。Markdown语言因其简洁性和易读性，被广泛应用于编写技术文档、博客文章等。在VSCode（Visual Studio Code）这款流行的代码编辑器中，Markdown的应用更是便捷和高效。VSCode不仅提供了Markdown的编写支持，还提供了实时预览功能，极大地提升了写作的效率和体验。

vscode 自定义背景样式

HWSss的博客

05-07

362

vscode 自定义背景样式 { "window.zoomLevel": 0, "background.enabled": true, /* 是否使用插件 */ "background.useDefault":false, /* 是否使用默认图片*/ "background.customImages": [ /* 图片路径*/ "file...

打造你的代码艺术：VS Code代码风格设置

m0_62229095的博客

12-17

8487

主题推荐，代码颜色和字体修改

VSCode自定义主题

qq_16597387的博客

07-03

1028

以monokai为蓝本，复制一份自己的主题：源文件： D:\Program Files\Microsoft VS Code\resources\app\extensions\theme-monokai 新文件： D:\Program Files\Microsoft VS Code\resources\app\extensions\theme-monokai_mine 主题文件的目录结构是这样的： package.nls.json：以前的： { "displayName": "M.

webStorm自制界面样式,类似Vscode经典主题

12-19

webStorm， webStorm主题， webStorm主题色彩，类似Vscode经典主题

VSCode自定义配色文件

11-08

VSCode自定义配色方案目前在使用的一种配色方案，只要将该文件复制到VSCode的主体文件目录中（$RELEASE/resources/app/extensions），以theme-开头的目录即为颜色主题配置打开vscode，按键选择ctrl+k，ctrl+t，...

vscode 自定义编辑器样式

Gleason

07-12

3397

将下面的代码复制到 VS code 中 settings.json 文件中 (什么不知道 setting.json 在哪? 往下滑

VSCode自定义主题与图标：打造个性化工作空间的技巧

![VSCode自定义主题与图标：打造个性化工作空间的技巧]...本章将概览VSCode自定义主题的功能，为读者建立一个整体的认识，并为深入探讨主题设

vscode养眼visual studio样式，综合了vs和dark+

10-07

纯黑样式，护眼，另外对java的做了单独优化，放在安装目录C:\Program Files\Microsoft VS Code\resources\app\extensions\theme-defaults\themes下面，覆盖即可

WebStorm主题，类似VsCode经典主题

12-19

webStorm， webStorm主题， webStorm主题色彩，类似Vscode经典主题， 自定义字体+颜色+语法高亮+导入导出用户设置

VSCode自定义主题升级指南：新版本中主题和颜色方案的调整方法

[VSCode自定义主题升级指南：新版本中主题和颜色方案的调整方法](https://www.mclibre.org/consultar/informatica/img/vscode/vsc-perso-temas-cambiar-2.png) # 1. VSCode主题自定义基础 VSCode（Visual Studio ...

vscode的 Eslint代码自动格式化

csdn_smartyang的博客

09-30

1460

在生产开发过程中企业一般要求我们开Eslint，目的是为了提高代码的可读性和规范性便于在你离职后代码能让别人接手，第一步第二步 preferences找到Setting文件夹第三步插入以下代码并阅读一下即可 { // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F "editor.formatOnSave": true, //设置tab的缩进为2 "editor.tabSize": 2, // #每

vscode自定义主题比较舒服

weixin_55333190的博客

12-11

583

不想再写一遍辛苦跳转一下跳转到juejin

VS Code主题设置（美化VS Code）（主题+背景+图标+特效+字体）

热门推荐

前端萌新

02-13

7万+

VS Code主题，背景，字体设置

VS code常用标签和样式

weixin_74009895的博客

08-14

1346

VS code常用标签和样式

vscode基本样式

a22325的博客

12-15

1492

{ "liveServer.settings.donotShowInfoMsg": true, "workbench.colorTheme": "Monokai", "files.autoSave": "onWindowChange", "editor.fontSize": 20, "editor.fontFamily": "Consolas, 'Courier New', monospace", "emmet.variables": { ..

vscode 终端主题

05-29

### 自定义 VSCode 终端主题的方法在 Visual Studio Code (VSCode) 中，自定义终端主题主要通过修改 `settings.json` 文件实现。以下内容详细描述了如何配置和自定义终端的主题。 #### 1. 修改全局或工作区设置可以通过全局配置文件或工作区的 `settings.json` 文件来调整终端的主题。 - 全局配置：点击左下角齿轮图标 → **Settings** → 右上角点击 **Open Settings (JSON)**[^1]。 - 工作区配置：在项目根目录下的 `.vscode/settings.json` 文件中添加相关配置[^2]。 #### 2. 配置终端颜色终端的颜色可以通过以下属性进行自定义： - `terminal.foreground`: 设置终端文本的颜色。 - `terminal.background`: 设置终端背景的颜色。 - `terminalCursor.foreground`: 设置光标的颜色。 - `terminal.ansiColors`: 自定义 ANSI 颜色代码的映射。以下是具体的配置示例： ```json { "terminal.foreground": "#FFFFFF", "terminal.background": "#000000", "terminalCursor.foreground": "#FF0000", "workbench.colorCustomizations": { "[Default Dark+]": { // 应用到特定主题 "terminal.ansiBlack": "#000000", "terminal.ansiRed": "#FF0000", "terminal.ansiGreen": "#00FF00", "terminal.ansiYellow": "#FFFF00", "terminal.ansiBlue": "#0000FF", "terminal.ansiMagenta": "#FF00FF", "terminal.ansiCyan": "#00FFFF", "terminal.ansiWhite": "#FFFFFF" } } } ``` 上述代码中的 `workbench.colorCustomizations` 属性允许为特定主题定制终端的颜色[^3]。 #### 3. 使用扩展增强终端主题除了直接修改配置文件，还可以通过安装扩展来自定义终端主题。例如： - **Monokai Pro Theme**: 提供丰富的配色方案，支持终端颜色定制[^4]。 - **Material Theme**: 提供多种预设主题，包括终端颜色的支持。安装扩展后，通常需要重启 VSCode 才能使更改生效。 #### 4. 创建自定义主题如果希望进一步个性化终端主题，可以创建自己的主题文件。具体步骤如下： 1. 在 VSCode 的扩展文件夹中找到现有的主题文件（如 `theme-monokai`）[^4]。 2. 复制该文件夹并重命名为自定义名称（如 `theme-monokai_mine`）。 3. 编辑新文件夹中的 `package.json` 和 `themes` 文件夹内的 `.json` 文件，调整终端相关的颜色值。 #### 注意事项 - 如果仅需简单调整，推荐通过 `settings.json` 文件完成。 - 对于复杂的主题定制，可能需要了解 JSON Schema 和 VSCode 的主题开发文档。 --- ###