使用HbuilderX进行Vue3开发时的代码格式化配置

设置，插件设置，自定义jsbeautifrc.js格式化规则

module.exports = {

// 这里是设置哪种种后缀的文件以一个key的形式给options中配置

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"

// 这里是设置代码格式

options: {

"indent_size": "1",

"indent_char": "\t",

"indent_with_tabs": false, //使用tab缩进

"eol": "\r\n", //行结束符

"end_with_newline": false, //使用换行结束输出

"indent_level": 0, //起始代码缩进数

"preserve_newlines": true, //保留空行

"max_preserve_newlines": null, //最大连续保留换行符个数。比如设为2，则会将2行以上的空行删除为只保留1行

"space_in_paren": false, //括弧添加空格示例 f( a, b )

"space_in_empty_paren": false, //函数的括弧内没有参数时插入空格示例 f( )

"jslint_happy": false, //启用jslint-strict模式

"space_after_anon_function": false, //匿名函数的括号前加空格。

"brace_style": "none,preserve-inline", //代码样式， "collapse", "expand", "end-expand", "none", "collapse,preserve-inline", "expand,preserve-inline", "end-expand,preserve-inline", or "none,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"],

// 这里是对应parsers后缀中html类型的文件的代码格式化

"html": {

"indent_handlebars": true,

"indent_inner_html": true,

"indent-scripts": "normal", //[keep|separate|normal]

"extra_liners": [], //配置标签列表，需要在这些标签前面额外加一空白行

// 查看手册：https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md

"indent_scripts": "separate", // "keep", "separate" 这个不会加空格, or "normal"

"js": {

// 在命名函数的括号之前添加一个空格，即。function example ()。

"space_after_named_function": true,

// 在匿名函数的括号之前添加一个空格，即。function ()

"space_after_anon_function": true

}

// 在命名函数的括号之前添加一个空格，即。function example ()。

"space_after_named_function": true,

// 在匿名函数的括号之前添加一个空格，即。function ()

"space_after_anon_function": true

}