统一vscode和hbuildX开发工具格式化规则

项目中格式化规范建议

以vscode和hbuildX为例，建议统一采用prettier格式化插件。
目的：用于适应一个项目组不同开发人员选择不同开发工具做出格式化统一标准。方便git仓库代码管理。
建议，还是使用vscode格式化，hbuild的格式化工具不太友好，不够智能，手动选择格式化类型多次格式化会混乱。

参考：格式化建议

友情提示：当prettier插件不生效时，建议试试先禁用其他格式化工具（Beautify，eslint，vuter。。。），然后尝试格式化，成功后再启用其他插件即可

vscode
1.前提是安装Prettier-Code formatter

2.在cli文件内（与配置文件同级）创建.prettierrc文件
注意：百度上有多个版本的配置文件（.prettierrc、prettier.config.js 、 .prettierrc.js），使用时结合实际情况处理数据格式。
使用.prettierrc，默认识别为json格式数据，使用时需采用双引号json格式。js格式需加module.exports =｛｝
配置内容如下

{
 	trailingComma: 'all',//行尾逗号,默认none,可选 none|es5|all
    tabWidth: 2,//tab缩进大小,默认为2
    semi: true,// 使用分号, 默认true
    printWidth: 120,//达到该宽度即换行
    singleQuote:true,//优先使用单引号
    arrowParens: 'avoid'//(x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
}

其它选项为默认值即可

hbuildX
1.先安装prettier插件


2.安装完插件之后选择，工具=>插件配置=>formator-prettier=>prettier.config.js
打开文件后会有默认配置项，需要将指定配置项修改为与.prettierrc文件的配置项一致

module.exports = {
    printWidth: 180,
    semi: true,
    tabWidth: 4,
    useTabs: false,
    singleQuote: true,
    trailingComma: "none",
    bracketSpacing: true,
    htmlWhitespaceSensitivity: "ignore",
    parsers: {
        ".jsx": "flow",
        ".scss": "scss",
        ".ts": "typescript",
        ".less": "css",
        ".vue": "vue",
        ".nvue": "vue",
        ".ux": "vue",
        ".yml": "yaml",
    }
}

参考
关于npm 安装的prettier和vscode安装的区别