HbuilderX格式化

1. 进入插件市场，安装 Prettier 插件【工具 -> 插件安装 -> 安装新插件 -> 前往插件市场安装】
   
   
2. Prettier配置
   
   
   

// Prettier配置文档：https://prettier.io/docs/en/options.html
module.exports = {
        printWidth: 180, // 控制单行最大长度
        tabWidth: 4, // 控制一个tab对应的空格数
        useTabs: true, // 控制缩进用tab还是space
        semi: true, // 控制每条语句是否加上分号
        singleQuote: false, // 控制字符串是用单引号还是双引号
        quoteProps: "as-needed", // 对象中属性名的引号样式
        jsxSingleQuote: false, //  JSX 中属性值是否使用单引号
        trailingComma: "none", // 是否去掉末尾的逗号
        bracketSpacing: true, // 控制json对象括号前后是否加上空格
        bracketSameLine: true, // 是否将对象字面量的左括号放在同一行
        arrowParens: "avoid", // 箭头函数的参数是否添加括号
        proseWrap: "preserve", // 是否将 Markdown 或 HTML 内容包装在一行或多行中
        htmlWhitespaceSensitivity: "ignore", // HTML 文件中的空格敏感性
        vueIndentScriptAndStyle: true, // 在 *.vue 文件中，是否将 <script> 和 <style> 块的内容缩进。
        endOfLine: "lf", // 文件的换行符类型
        embeddedLanguageFormatting: "auto", // 是否格式化嵌入式语言的代码块
        singleAttributePerLine: false, // HTML 或 JSX 文件中是否将每个属性放在单独的一行
        //自定义文件后缀对应的parser
        parsers: {
                ".nvue": "vue",
                ".ux": "vue"
        }
}

4. 设置保存时自动格式化
   
5. 重启HbuilderX