VsCode字体颜色修改和背景图片修改 字体高亮

article/2025/3/16 1:07:42

1.打开VS Code编辑器，在编辑器中设置。根据以下步骤，打开settin.json文件。
在这里插入图片描述
2.在json文件中若有代码覆盖即可没有代码直接添加下面代码。看注释可以自定义设置喜欢的颜色。

{//设置用户选中代码段的颜色"workbench.colorCustomizations": {// "editorBracketMatch.background": "#f511bc",//匹配括号的背景色"editorCursor.foreground": "#fa1010",//编辑器光标颜色// "activityBar.background":"e4393c",//活动栏背景色// "activityBar.foreground":"#01cd78",//活动栏前景色，图标颜色// "editor.background":"#e4393c",//编辑器背景颜色// "editor.findMatchBackground":"#e4393c",//搜索项颜色// "editor.findMatchHighlightBackground":"#01cd78",//其他搜索项颜色// "editor.lineHighlightBackground":"#e4393c",//光标所在行高亮文本的背景颜色"editor.selectionBackground": "#710de4",//编辑器所选内容的颜色// "editor.selectionHighlightBackground": "#01cd78",//与所选内容具有相同内容的区域颜色// "editor.rangeHighlightBackground": "#e4393c",//突出显示范围的背景颜色，例如 "Quick Open" 和“查找”功能// "editorGutter.background": "#01cd78",//编辑器导航线的背景色，导航线包括边缘符号和行号"editorLineNumber.foreground": "#0fe6d4",//编辑器行号颜色// // "sideBar.background": "#01cd78",//侧边栏背景色// "sideBar.foreground": "#01cd78",//侧边栏前景色// "sideBarSectionHeader.background": "#01cd78",//侧边栏节标题的背景颜色// "statusBar.background": "#01cd78",//标准状态栏背景色// "statusBar.noFolderBackground": "#01cd78",//没有打开文件夹时状态栏的背景色// "statusBar.debuggingBackground": "#01cd78",//调试程序时状态栏的背景色// "tab.activeBackground": "#01cd78",//	活动选项卡的背景色// "tab.activeForeground": "#01cd78",//	活动组中活动选项卡的前景色// "tab.inactiveBackground": "#01cd78",// 非活动选项卡的背景色// "tab.inactiveForeground": "#01cd78",// 活动组中非活动选项卡的前景色// "terminal.foreground":"#01cd78",},// 函数名等颜色"editor.tokenColorCustomizations":{// "textMateRules": [//     {//         "scope":"",//         "settings": {//             "foreground": "#FF0000",//             "fontStyle": "bold"//         }//     }// ],//规则与样式"functions": "#0d62b1",//函数颜色"strings": "#0fcf86",//字符串颜色"keywords": "#e7e410",//关键字颜色"types": "#9d12a1",//类型定义颜色"variables": "#1774df",//变量颜色"numbers": "#dd4719",//数字颜色"comments": "#9bf50bbb",//注释颜色},"vim.useCtrlKeys": false,"background.useFront": true,"background.useDefault": false, //是否使用默认图片"background.customImages": ["C:/Users/墨丿兮/Pictures/Camera Roll/qd7ord.png" //图片的路径],"background.style": {"content": "''","pointer-events": "none","position": "absolute", //定位"width": "100%","height": "100%","z-index": "99999","font-size":"26px","background.repeat": "no-repeat", //是否重复"background-size": "25%,25%", //图片大小"opacity": 0.5 //透明度},"window.zoomLevel": 2,"[html]": {"editor.defaultFormatter": "vscode.html-language-features"// "editor.defaultFormatter": "vscode.html-language-features"},// "files.autoSave": "onFocusChange",// "workbench.colorTheme": "Quiet Light","liveServer.settings.AdvanceCustomBrowserCmdLine": "","better-comments.tags": [// {//     "tag": "!",//     "color": "#FF2D00",//     "strikethrough": false,//     "underline": false,//     "backgroundColor": "transparent",//     "bold": false,//     "italic": false// },// {//     "tag": "?",//     "color": "#3498DB",//     "strikethrough": false,//     "underline": false,//     "backgroundColor": "transparent",//     "bold": false,//     "italic": false// },// {//     "tag": "//",//     "color": "#474747",//     "strikethrough": true,//     "underline": false,//     "backgroundColor": "transparent",//     "bold": false,//     "italic": false// },// {//     "tag": "todo",//     "color": "#FF8C00",//     "strikethrough": false,//     "underline": false,//     "backgroundColor": "transparent",//     "bold": false,//     "italic": false// },// {//     "tag": "*",//     "color": "#98C379",//     "strikethrough": false,//     "underline": false,//     "backgroundColor": "transparent",//     "bold": false,//     "italic": false// }],"background.enabled": false,"launch": {"configurations": [],"compounds": []},"git.ignoreWindowsGit27Warning": true,"files.autoSave": "onFocusChange","liveServer.settings.CustomBrowser": "chrome","editor.codeActionsOnSave": null,"liveServer.settings.donotShowInfoMsg": true,"[javascript]": {"editor.defaultFormatter": "vscode.typescript-language-features"},// "editor.colorDecorators": true
}

3、自己修改的颜色对比在这里插入图片描述


http://chatgpt.dhexx.cn/article/qc4SieXa.shtml

相关文章

VScode字体超大怎么改回来？

VScode字体超大怎么改回来？

VScode字体超大怎么改回来？ 改背景图时不小心把字体设置的超大了，而且还是失去焦点自动保存了，难受… 网上一搜，真不好搜，答案有两种 借图一用（本人比这个还严重，鼠标已经滚动不了了&#xff…
阅读更多...
ubuntu系统下vscode字体显示异常（别扭）

ubuntu系统下vscode字体显示异常（别扭）

修改办法 文件 》 首选项 》 设置 查找框中输入 Font 显示如下： 修改Font Family： 将：‘Droid Sans Mono’, ‘monospace’, Droid Sans Fallback’改为： monospace 如果windows和ubuntu是同一个账号，必须取消同步&…
阅读更多...
vscode程序员推荐字体

vscode程序员推荐字体

今天推荐一款vscode字体:Anonymous-Pro 绝对的轻量 点击前往下载 GITHUB LIGHT Anonymous-Pro GITHUB LIGHT Anonymous-Pro GITHUB DARK Anonymous-Pro GITHUB DARK Anonymous-Pro 设置步骤: 1.打开vscode 2.依次到文件->首选项->设置 3.修改字体为 Anonymous P…
阅读更多...
vscode字体/界面无意间变得超大，一招调回，完美解决

vscode字体/界面无意间变得超大，一招调回，完美解决

一、情况如下 在网上解决方法搜了半天，各种试都不顶事 ，正准备卸载重载，又不甘心弄了几下，终于回来了，太好了！！！ 下面也将此方法分享给各位正在被这个问题困扰的家人们，希…
阅读更多...
ubuntu vscode 换字体

ubuntu vscode 换字体

1. 打开vscode 点击 首选项 - 设置 - 文本编辑器 - 字体 可以看到, Font Ligatures 配置字体连字或字体特性。可以是用于启用/禁用连字的布尔值，或用于设置 CSS "font-feature-settings" 属性值的字符串。 在 settings.json 中编辑 2. 点击编辑 json文…
阅读更多...
vscode 字体颜色变得花里胡哨的

vscode 字体颜色变得花里胡哨的

今天一开vscode 发现界面花花绿绿的 原本的括号颜色都变了，尝试重新装了，清空配置，更改主题，都没有效果，后来发现是 Bracket 惹的祸 在设置里 搜索 关掉之后，就恢复正常的配色了
阅读更多...
VSCode字体

VSCode字体

1.环境 Win 10 x64VSCode 1.25.1 x64 2.问题 VSCode字体太小，影响阅读。如图1所示： 图1 改变大小前的窗口 3.解决方法 打开“User Settings”，File→Preferences→Settings，或者快捷键“Ctrl,”，或者左下角齿轮图标…
阅读更多...
vscode 字体大小和行间距设置

vscode 字体大小和行间距设置

文件 首选项 设置 打开设置json 添加如下设置 "editor.lineHeight": 1.45, "editor.fontSize": 15
阅读更多...
vscode更换字体

vscode更换字体

Fria Code 以Fria Code字体为例，首先下载该字体： Fira Code 字体的下载地址 下载后解压，如下图： Windows用户，安装ttf文件夹中的字体 双击字体文件，点击安装： 全部安装完，在vscode中的Font Family中，添加“Fira Code”
阅读更多...
vscode 字体太小的问题，安装新字体

vscode 字体太小的问题，安装新字体

vscode很好用，但是字体太小了，尤其是linux版本，字都拥挤在一起； 1）左侧字体小，可以【ctrl shift 】或者【ctrl shift - 】来控制界面整体缩放； 2）右侧字体太小&#xf…
阅读更多...
vscode字体图标

vscode字体图标

1、首先进入字体图标网站 https://www.iconfont.cn/ https://icomoon.io/ 2、选好需要的图标，点击生成 3、生成好之后点击下载 4、将压缩包里面的fonts文件夹复制到html文件根目录 4、打开style.css,复制这段到我们的css的style里 5、打开刚才下载的压缩包里面的…
阅读更多...
Ubuntu18.04 替换vscode字体

Ubuntu18.04 替换vscode字体

Ubuntu18.04 替换vscode字体 Ubuntu18.04中vscode的字体实在是太丑了，空格距离极小，注释斜杠符又是那么的突兀，感观极差，影响心情，所以要换一个承受度好一些的字体。流程如下：首先通过git下载字体包 sudo …
阅读更多...
vscode 字体大小设置

vscode 字体大小设置

点击 文件(file) 找到Preference(首选项)----点击settings 找到user(用户)--设置字体大小
阅读更多...
vscode设置字体 -- Fira code

vscode设置字体 -- Fira code

1、进入github下载字体https://github.com/tonsky/FiraCode/blob/master/README_CN.md 2、下载完成解压缩进入ttf目录全选安装 3、打开vscode 文件》 首选项 》 设置 》用户 》文本编辑器 》 字体 》在settings.json中编辑 添加下面这段代码 "settings": {&…
阅读更多...
vscode设置字体

vscode设置字体

vscode设置字体 查看vscode当前的字体github搜索自己喜欢的字体设置vscode字体配置 安装下载完成后总感觉字体不好看，想换别的字体，怎么办，只需要如下几步即可搞定 查看vscode当前的字体 ** ** 如上图，我得vscode字体是已经设置…
阅读更多...
VSCODE字体设置

VSCODE字体设置

目录 字体样式字体大小字体粗细结束 字体样式 设置方法 打开设置编辑器，点击文本编辑器，点击字体分组，找到Font Family项，在下方空白处输入字体名称。 或者在settings.json文件中输入如下键值： //字体样式 "ed…
阅读更多...
详细说明VScode设置中文，主题更改，文件图标及字体设置

详细说明VScode设置中文，主题更改，文件图标及字体设置

前言： 之前一直使用的编辑器是phpstorm，使用挺满意的，但好长时间一直难受的是elementUi的html自定义标签不被识别，满屏的红色横线看着太难受，找了好多帖子，包括国外的讨论说是有其他插件影响，都…
阅读更多...
VS Code 字体推荐

VS Code 字体推荐

1、推荐字体 ( 排名不分先后 ) ① Consolas ② Roboto Mono ③ Monaco ④ Office Code Pro ⑤ Fira Code ⑥ Source Code Pro 7. Hack ⑧ JetBrains Mono 2、以上字体已整理打包, 需要的朋友可以点此下载: fonts_for_code.zip(640KB) 3、如果希望测试更多的编程字体,…
阅读更多...
Django中间件配合Vue拦截器的简单使用

Django中间件配合Vue拦截器的简单使用

axios拦截器是什么？ axios拦截器可以拦截每一次的请求和响应，然后进行相应的处理。拦截器分为请求拦截器和响应拦截器，请求拦截器可以统一在你发送请求前在请求体里加上token；响应拦截器的话，是在接受到响应之后进行的…
阅读更多...
Vue 中的数据请求如何进行拦截与错误处理

Vue 中的数据请求如何进行拦截与错误处理

Vue 中的数据请求拦截与错误处理 在 Vue.js 中，我们经常需要向后端服务器发送数据请求，以获取或提交数据。在这个过程中，我们可能会遇到一些问题，例如无效的请求参数、网络连接错误、服务器错误等。为了更好地处理这些问题&#…
阅读更多...
推荐文章

Copyright @ 2022~2023