HBuilderX 开发工具，主题自定义，代码颜色自定义

统一回复：百度网盘下载主题文件，替换即可

链接：https://pan.baidu.com/s/1QfR89snYdTcdYTf-0ERZyQ?pwd=kngl
提取码：kngl
--来自百度网盘超级会员V4的分享

1.百度网盘下载dark_defaults.json文件

2.找到hbuildX安装目录里（例如图一）

3.替换

4.打开编辑器 => 工具 => 主题设为酷黑

5.重启编辑器

找到HBuilderX 开发工具安装目录，依次找到代码颜色配置文件（json文件）修改

配置字段参考：Scope Naming – Sublime Text Documentation

我的配置：

1.基于深色主题进行修改，所以需要在编辑器其工具中将主题切换为酷黑

2.替换dark_default.json中的tokenColors字段

3.博客底部有效果图~

"tokenColors": [{"name": "keyword", //关键字"scope": "keyword","settings": {"fontStyle": "","foreground": "#ff0000"}},{"name": "control entity", //控制"scope": ["keyword.control","constant.character.entity","punctuation.definition.entity"],"settings": {"fontStyle": "","foreground": "#ff00ff"}},{"name": "comment", //注释"scope": "comment","settings": {"fontStyle": "italic","foreground": "#a64b00"}},{"name": "comment definition", //注释符号"scope": "punctuation.definition.comment","settings": {"fontStyle": "italic","foreground": "#a64b00"}},{"name": "comment keyword", //注释关键字"scope": "comment.conditional.keyword","settings": {"fontStyle": "","foreground": "#ff00ff"}},{"name": "comment defined",//注释常量"scope": "comment.conditional.define","settings": {"fontStyle": "bold underline","foreground": "#ff0000"}},{"name": "string", //字符串"scope": ["string","meta.structure.dictionary.json string.quoted.double.json"],"settings": {"fontStyle": "","foreground": "#fff200"}},{"name": "constant", //常量"scope": ["meta.preprocessor","string.regexp", //正则"constant.numeric", //数字"constant.language" //boolean值、空值],"settings": {"fontStyle": "","foreground": "#AE81FF"}},{"name": "variable", //变量"scope": "variable","settings": {"fontStyle": "","foreground": "#0ed145"}},{"name": "variable readwrite", //自定义变量"scope": "variable.other.readwrite","settings": {"fontStyle": "","foreground": "#c4ff0e"}},{"name": "variable constant", //自定义常量"scope": "variable.other.constant","settings": {"fontStyle": "","foreground": "#409eff"}},{"name": "function name", //函数名称"scope": ["support.function", "entity.name.function"],"settings": {"fontStyle": "","foreground": "#66ccff"}},{"name": "function prop",//函数参数"scope": ["variable.parameter", // 函数参数"variable.language" // 函数this],"settings": {"fontStyle": "bold","foreground": "#ff7f27"}},{"name": "storage",//保留字"scope": ["storage.type", "storage.modifier"],"settings": {"fontStyle": "italic","foreground": "#2979ff"}},{"name": "support",//第三方支持"scope": ["support","support.class","entity.name.type","entity.name.class","entity.name.namespace","entity.name.scope-resolution","entity.other.inherited-class"],"settings": {"fontStyle": "bold","foreground": "#409EFF"}},{"name": "property",//属性"scope": [// html属性名"entity.other.attribute-name",// object属性名"variable.other.member","meta.object-literal.key"],"settings": {"fontStyle": "","foreground": "#00dddd"}},{"name": "property-value",//属性值"scope": [// css属性值"meta.property-value","support.constant.property-value"],"settings": {"fontStyle": "","foreground": "#00e500"}},{"name": "tag",//标签"scope": [// html标签"meta.tag","entity.name.tag","punctuation.definition.tag","punctuation.definition.tag.begin","punctuation.definition.tag.end"],"settings": {"fontStyle": "","foreground": "#409eff"}},{"name": "selector",//选择器"scope": [// css选择器"meta.selector","entity.other.attribute-name"],"settings": {"fontStyle": "","foreground": "#00dddd"}},{"name": "tag selector",//标签选择器"scope": [// css标签选择器"entity.name.tag.css"],"settings": {"fontStyle": "bold underline","foreground": "#409EFF"}},{"name": "css property",//css属性"scope": [// css属性名"meta.property-name","support.type.property-name"],"settings": {"fontStyle": "","foreground": "#409EFF"}}
]

效果：

HBuilderX 开发工具，主题自定义，代码颜色自定义相关推荐

修改Visual Studio Code编辑器的主题和代码颜色
摘要:自定义Visual Studio Code(VSCode)的主题和代码颜色在VS Code 的左下角,点击设置. 打开设置后,在搜索栏搜索关键字:主题. 搜索结果显示有许多个在setting. ...
开发工具与低代码开发平台丨上海道宁联合Grapecity为您提供各类软件开发工具和服务
Grapecity 提供软件开发技术和低代码平台通过各类软件开发工具和服务提升开发效率推动软件产业发展葡萄城研发各类开发控件和商业智能报表工具提供控件技术和数据分析工具基于专业控件的技术 ...
java se开发工具_JavaSE基础代码(1)-Hi ShanShi与开发工具
上一个文章中说完了Java环境的搭建,那么接下来我们要做的就是编写我们第一个Java代码的项目,其实很简单,我们只要分成以下几步就可以了步骤1,在除C盘User文件夹外,创建一个txt文件,如D盘下 ...
((ios开发学习笔记十))代码实现自定义TableView
实现效果(通过代码的方式实现TableCell 的创建) 实现过程: 实现过程两个部分 1 数据源的准备本例子采用NSDictionary +NSArray 为数据源 (接口部分) (数据初始化部分 ...
开发工具：Git 代码回退功能详解，很实用！
来源:占小狼的博客从接触编程就开始使用 Git 进行代码管理,先是自己玩 Github,又在工作中使用 Gitlab,虽然使用时间挺长,可是也只进行一些常用操作,如推拉代码.提交.合并等,更复杂的操 ...
HBuilderX 开发工具
介绍 uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目. 主要好处: 模板丰富完善的智能提示一键运行下载 HBuilderX 1.官网下载地址:https:/ ...
HBuilderX自定义编辑器代码颜色
文章目录自定义编辑器代码颜色自定义代码颜色辅助功能文件图标自定义编辑器代码颜色自定义编辑器代码颜色功能,仅适用于HBuilderX 3.1.19+版本: 支持自定义哪些代码区域? 自定义代码 ...
vscode 自定义代码主题颜色
VS Code自定义主题色基本结构 UserJSON配置格式工作台颜色配置编辑区文本颜色目录配置代码scope检查基本结构 F1 搜索Open User Settings (JSON)打 ...
【第二趴】uni-app开发工具（手把手带你安装HBuilderX、搭建第一个多端项目初体验）
文章目录写在前面 HBuilderX HBuilderX 优势 HBuilderX 安装 uni-app 初体验写在最后写在前面聚沙成塔--每天进步一点点,大家好我是几何心凉,不难发现越来越多 ...

HBuilderX 开发工具，主题自定义，代码颜色自定义

HBuilderX 开发工具，主题自定义，代码颜色自定义相关推荐

最新文章

热门文章

HBuilderX 开发工具，主题自定义， 代码颜色自定义

HBuilderX 开发工具，主题自定义， 代码颜色自定义相关推荐

最新文章

热门文章

HBuilderX 开发工具，主题自定义，代码颜色自定义

HBuilderX 开发工具，主题自定义，代码颜色自定义相关推荐