HBuilderX工具怎么设置

HBuilderX里要改编辑器和格式化相关选项，可以从工具菜单进入设置。缩进等常规编辑器选项在工具、设置中调整。想改格式化插件的规则，则进入工具、设置、插件配置，选中插件后打开配置文件。项目存在.editorconfig时，格式化会读取这个项目文件，它会覆盖HBuilderX编辑器配置。遇到设置改了却没有生效时，先确认自己改的是哪一层规则。

HBuilderX工具设置和插件配置的入口

格式化使用的缩进方式来自工具、设置中的配置。编辑器设置负责通用的格式化风格，插件配置负责某个插件的规则。把两者分开看，能避免把Prettier等插件的问题误认为是HBuilderX工具设置没有保存。

在工具设置中调整编辑器选项

打开顶部工具菜单并进入设置，找到与编辑器和格式化有关的选项。格式化时使用的缩进方式会读取这里的配置。

HBuilderX会按工具设置中的编辑器配置处理格式化风格。

进入插件配置修改格式化规则

在工具、设置中打开插件配置，选择需要调整的插件，再点击配置文件。配置文件中的项目通常附有说明，也可以阅读插件的README.MD或插件文档。

可以针对所选格式化插件修改规则。

使用或自定义格式化快捷键

需要格式化代码时，可在右键菜单选择重排代码格式。Windows默认快捷键是Ctrl+K，macOS是Command+K。想改快捷键时，在工具、自定义快捷键的用户设置中配置对应命令。

可以用菜单或快捷键运行格式化。

检查项目里的.editorconfig

项目根目录存在.editorconfig时，格式化会读取其中的规则，并覆盖HBuilderX编辑器配置。看到工具设置与结果不一致时，先检查该文件。

能确认实际生效的是项目规则还是HBuilderX编辑器设置。

HBuilderX内置format插件可处理vue、html、js、css和json等文件。Prettier和stylus-supremacy需要另行下载，适用文件类型也不同。比如同时存在js-beautify和format-prettier时，格式化vue文件会调用format-prettier。需要改变某一种文件的效果，先确认项目正在调用哪个插件。

普通web项目不支持在保存文件时自动格式化。vue-cli项目可以通过配置eslint的自动校验修复实现类似效果。把工具设置、插件规则和项目配置按顺序核对，才能定位格式化为什么和预期不同。