• stylus-supremacy只支持格式化独立的stylus文件,如需格式化vue文件内的stylus代码,需要同时安装prettier插件

2 插件安装

点击菜单【工具】【插件安装】,在当前弹出的窗口中,找到相应格式化插件,然后安装。

本地插件目录:HBuilderX所有的插件,都存放于本地目录下

点击菜单【工具】【插件配置】,选择相应插件, 点击配置文件进行配置。

插件配置中格式化插件配置文件插件官网
formatformat/jsbeautifyrc.js官网
format-prettierformator-prettier/prettier.config.js
format-stylus-supremacyformator-stylus-supremacy/supremacy.config.js官网

4. 格式化快捷键

格式化菜单:【右键菜单】—>【重排代码格式】

格式化快捷键, win:ctrl + K; mac:

格式化时, 使用的缩进方式,是读取的菜单【工具 —> 设置】中的配置

特别说明:editorconfig配置会覆盖HBuilderX编辑器配置;当项目下存在.editorconfig文件时,格式化时,读取的是此配置文件。.editorconfig使用说明文档

6. 保存文件时,自动格式化

  • 普通web项目不支持保存文件的同时,自动格式化。

, 可直接看第三章