更新记录

1.0.0(2025-07-19) 下载此版本

优先版本


平台兼容性

uni-app(4.66)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

uni-app x(4.66)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - - - -

HBuilderX 主题插件使用说明

安装步骤

  1. 创建插件文件夹

    • 在 HBuilderX 插件目录下创建新文件夹(例如:custom-dark-theme)。
  2. 复制文件

    • 将以下文件复制到该文件夹:
      • package.json
      • themes/dark-theme.json
  3. 插件目录位置

    • Windows: C:\Users\你的用户名\HBuilderX\plugins\
    • macOS: ~/HBuilderX/plugins/
    • Linux: ~/.HBuilderX/plugins/
  4. 重启 HBuilderX

    • 重新打开编辑器使插件生效。

启用主题

  1. 打开 HBuilderX
  2. 点击菜单:工具主题
  3. 选择 Custom Dark Theme

自定义主题

修改 themes/dark-theme.json 中的颜色配置,重启 HBuilderX 生效。

常用配置项{

"colors": { "editor.background": "#1E1E1E", // 编辑器背景 "editor.foreground": "#D4D4D4", // 编辑器文本 "editor.selectionBackground": "#264F78", // 选中文本背景 "statusBar.background": "#007ACC", // 状态栏背景 "sideBar.background": "#252526" // 侧边栏背景 }, "tokenColors": [ { "name": "Comments", "scope": ["comment"], "settings": { "foreground": "#6A9955", // 注释颜色 "fontStyle": "italic" // 注释样式 } }, { "name": "Strings", "scope": ["string"], "settings": { "foreground": "#9CDCFE" // 字符串颜色 } } ] }

卸载插件

  1. 关闭 HBuilderX
  2. 删除插件文件夹
  3. 重启 HBuilderX

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问