Hbuilder 中的格式化文件 jsbeautifyrc.js 详解

//配置文档参考：<https://www.npmjs.com/package/js-beautify#options>
module.exports = {
  parsers: {
    ".js": "js",
    ".json": "js",
    ".njs": "js",
    ".sjs": "js",
    ".wxs": "js",
    ".css": "css",
    ".nss": "css",
    ".wxss": "css",
    ".acss": "css",
    ".ttss": "css",
    ".qss": "css",
    ".html": "html",
    ".ux": "html",
    ".wxml": "html",
    ".nml": "html",
    ".vue": "html",
    ".nvue": "html",
    ".axml": "html",
    ".swan": "html",
    ".ttml": "html",
    ".qml": "html",
    ".md": "md",
  },
  options: {
    "indent_size": 4,
    "indent_char": "\\t",
    "indent_with_tabs": false, //使用tab缩进
    "eol": "\\r\\n", //行结束符
    "end_with_newline": false, //使用换行结束输出
    "indent_level": 0, //起始代码缩进数
    "editorconfig": false,
    "preserve_newlines": false, //保留空行
    "max_preserve_newlines": 2, //最大连续保留换行符个数。比如设为2，则会将2行以上的空行删除为只保留1行
    "space_in_paren": true, //括弧添加空格 示例 f( a, b )
    "space_in_empty_paren": false, //函数的括弧内没有参数时插入空格 示例 f( )
    "jslint_happy": false, //启用jslint-strict模式
    "space_after_anon_function": false, //匿名函数的括号前加空格
    "space_after_named_function": false,
    "brace_style": "collapse", //代码样式，可选值 [collapse|expand|end-expand|none][,preserve-inline] [collapse,preserve-inline
    "unindent_chained_methods": false, //不缩进链式方法调用
    "break_chained_methods": false, //在随后的行中断开链式方法调用
    "keep_array_indentation": false, //保持数组缩进
    "unescape_strings": false, //使用xNN符号编码解码可显示的字符
    "wrap_line_length": 120,
    "e4x": false, //支持jsx
    "comma_first": false, //把逗号放在新行开头，而不是结尾
    "operator_position": "before-newline",
    "unformatted": [ "wbr" ],
    "html": {
      "wrap-attributes": "auto", //自动包裹属性值
      "wrap-attributes-indent-size": 1, //属性值缩进大小
      "inline": undefined, //是否内联显示某些元素
      "unformatted": undefined, //不需要格式化的部分。
      "content_unformatted": undefined, //用于指定不需要格式化的内容。
      "indent_handlebars": true, //缩进handlebars代码
      "indent_inner_html": true, //指定是否缩进内部HTML代码
      "indent-scripts": "keep", //[keep|separate|normal]脚本缩进方式（保持不变|分开|正常）
      "extra_liners": [] //配置标签列表，需要在这些标签前面额外加一空白行
    },
    "css": {
      "selector-separator-newline": true, //表示在选择器分隔符（比如逗号）后插入换行符
      "newline-between-rules": false //表示在规则之间是否插入换行符
    },
    "typescript": {
      // "convert_tabs_to_spaces":true,
      "indent_multi_line_object_literal_beginning_on_blank_line": true, //跨越多行时在空行上开始缩进
      "insert_space_after_comma_delimiter": true, //在逗号分隔符后插入空格
      "insert_space_after_constructor": false, //在构造函数后插入空格
      "insert_space_after_function_keyword_for_anonymous_functions": true, //对于匿名函数，在函数关键字后插入空格。
      "insert_space_after_keywords_in_control_flow_statements": true, //在控制流语句中的关键字后插入空格
      "insert_space_after_opening_and_before_closing_empty_braces": true, //在空括号的开头和结尾之间插入空格
      "insert_space_after_opening_and_before_closing_jsx_expression_braces": false, //在JSX表达式的大括号的开头和结尾之间插入空格
      "insert_space_after_opening_and_before_closing_nonempty_braces": true, //在非空括号的开头和结尾之间插入空格
      "insert_space_after_opening_and_before_closing_nonempty_brackets": false, //在非空[方括号]的开头和结尾之间插入空格
      "insert_space_after_opening_and_before_closing_nonempty_parenthesis": false, //在非空括号的开头和结尾之间插入空格
      "insert_space_after_opening_and_before_closing_template_string_braces": false, //在模板字符串的大括号的开头和结尾之间插入空格
      "insert_space_after_semicolon_in_for_statements": true, //在for语句中的分号后插入空格
      "insert_space_after_type_assertion": false, //在类型断言后插入空格
      "insert_space_before_and_after_binary_operators": true, //在二元操作符的前后插入空格
      "insert_space_before_function_parenthesis": false, //在函数参数括号前插入空格
      "insert_space_before_type_annotation": true, //在类型注解前插入空格
      "place_open_brace_on_new_line_for_control_blocks": false, //控制块的开括号是否放在新行上
      "place_open_brace_on_new_line_for_functions": false, //函数的开括号是否放在新行上
      "semicolons": "ignore", //分号处理方式，可选值包括"ignore"（忽略）、"insert"（插入）、"remove"（移除）。
      "trim_trailing_whitespace": true //是否修剪行尾空格
    }
  }
}

在 VS Code 中，接受 js 、 html 和 css 上的从属设置。请注意，这是 js-beautify 的非标准操作。