更新记录
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 主题插件使用说明
安装步骤
-
创建插件文件夹
- 在 HBuilderX 插件目录下创建新文件夹(例如:
custom-dark-theme
)。
- 在 HBuilderX 插件目录下创建新文件夹(例如:
-
复制文件
- 将以下文件复制到该文件夹:
package.json
themes/dark-theme.json
- 将以下文件复制到该文件夹:
-
插件目录位置
- Windows:
C:\Users\你的用户名\HBuilderX\plugins\
- macOS:
~/HBuilderX/plugins/
- Linux:
~/.HBuilderX/plugins/
- Windows:
-
重启 HBuilderX
- 重新打开编辑器使插件生效。
启用主题
- 打开 HBuilderX
- 点击菜单:工具 → 主题
- 选择 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" // 字符串颜色 } } ] }
卸载插件
- 关闭 HBuilderX
- 删除插件文件夹
- 重启 HBuilderX