HBuilderX 插件推荐

1. Prettier

插件地址：https://ext.dcloud.net.cn/plugin?id=2025

安装完成后：

1. 「工具 -> 设置 -> 插件配置 -> 自定义 Prettier 的生效文件范围」

   **/*.vue,**/*.nvue,**/*.ux,**/*.ts,**/*.tsx,**/*.js,**/*.less,**/*.sass,**/*.scss

2. × 使用编辑器缩进配置覆盖 useTabs、tabWidth 配置项

3. 点击「打开文件 prettier.config.js 进行配置」，将配置改为如下：

   // Prettier 配置文档：https://prettier.io/docs/en/options.html
   module.exports = {
     printWidth: 180,
     tabWidth: 2,
     useTabs: false,
     semi: false,
     singleQuote: true,
     quoteProps: 'consistent',
     jsxSingleQuote: true,
     trailingComma: 'es5',
     bracketSpacing: true,
     bracketSameLine: true,
     arrowParens: 'avoid',
     proseWrap: 'preserve',
     htmlWhitespaceSensitivity: 'css',
     vueIndentScriptAndStyle: true,
     endOfLine: 'auto',
     embeddedLanguageFormatting: 'auto',
     singleAttributePerLine: false,
     parsers: {
       '.nvue': 'vue',
       '.ux': 'vue',
       '.uvue': 'vue',
       '.uts': 'typescript',
     },
   }