vue / js: 格式化

一： vue格式化文件
安装vetur插件
无法格式化，查看该配置文件: 链接
如果出现了下面这个错误，请先解决setttigns.json的报错

无法写入用户设置。请打开用户设置并清除错误或警告,然后重试。

二： js格式化文件

1. 在settings.json
   "vetur.format.defaultFormatter.js": "vscode-typescript", "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 这两行，添加函数后的空格
   2. 项目根目录，配置文件prettier.config.js

module.exports = {
  // tab缩进大小,默认为2
  // tabWidth: 2,
  // // 使用tab缩进，默认false
  // useTabs: true,
  // 使用分号, 默认true
  semi: false,
  // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
  singleQuote: true
  // 行尾逗号,默认none,可选 none|es5|all
  // trailingComma: 'es5' // 代码尾部添加逗号
  // es5 包括es5中的数组、对象
  // all 包括函数对象等所有可选
  // TrailingCooma: "none",
  // // 对象中的空格 默认true
  // // true: { foo: bar }
  // // false: {foo: bar}
  // bracketSpacing: true,
  // JSX标签闭合位置 默认false
  // false: <div
  //          className=""
  //          style={{}}
  //       >
  // true: <div
  //          className=""
  //          style={{}} >
  // jsxBracketSameLine：false,
  // 箭头函数参数括号 默认avoid 可选 avoid| always
  // avoid 能省略括号的时候就省略 例如x => x
  // always 总是有括号
  // arrowParens: 'always',
}

或者在settings.json中配置

{
	// ...
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true,
            "semi": false, //格式化后去除分号
            // "trailingComma": "es5",
        }
    },
    // ...
  }