格式化插件使用说明 - 《HBuilderX 使用手册》

1. HBuilderX的格式化插件说明

插件名称	对应插件配置中的名称	是否内置	可格式化的文件
js-beautify	format	内置插件	vue、html、js、css、json
prettier	format-prettier	非内置，需要下载	less、sass、vue、stylus(vue内嵌)、ts、yaml
stylus-supremacy	format-stylus-supremacy	非内置，需要下载	格式化单独stylus文件

特别说明：

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

本地插件目录：HBuilderX所有的插件，都存放于本地plugins目录下

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

在格式化插件配置文件内，每项配置均有说明(或阅读插件中README.MD文件)；无说明文档的请参考插件官网配置说明。

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

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

格式化快捷键, win：ctrl + K； mac: command + K

自定义格式化快捷键：点击菜单【工具】【自定义快捷键】，在【用户设置】中，拷贝如下代码， key为您要定义的快捷键

{"key":"ctrl+k","command":"editor.action.format"}

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

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

部分小伙伴反馈，如何实现保存文件时，自动格式化？答：不支持。