VSCode：设置格式化不加分号，使用单引号以及函数和括号之间有一个空格

最新！以下配置有bug，prettier会被覆盖，最新方法我采用了ESLint，方法如下
1.VSCode安装ESLint插件
2.VSCode setting.json进行如下配置

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
  ],
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }

3…配置eslintrc.js文件，在项目的根目录

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    'eslint:recommended' // 我是使用vue项目的，其它框架这块配置可能不太一样
  ],
  parserOptions: {
    parser: 'babel-eslint' // 需安装eslint和babel-eslint
  },
  rules: {
    'quotes': [2, 'single'], //单引号
    'semi': [2, 'never'], // 不使用分号
    'space-before-function-paren': [2, 'always'], // 函数前面加上空格
    'indent': [2, 2], // 相同的缩进2
    // 'eqeqeq': 2, // 使用全等
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // console在生产模式不生效
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // debugger在生产模式不生效
  }
}

复制粘贴就行了！

---

注：以下是过去配置，有冲突，仅供参考，当然，这样配置的话格式化可以先选择Prettier再选择Vetur，也能达到同样的效果，如果不嫌麻烦的话！
项目中使用了esLint规范，所以我们要对代码格式化进行配置

首先安装Prettier插件，不过格式化文档还是要选择Vetur

在VSCode的settings.json添加如下配置
“vetur.format.defaultFormatterOptions”: {
“prettier”: {
“semi”: false,
“singleQuote”: true
}，
// 让html的attributes不换行，看起来会更美观
“js-beautify-html”:{
“wrap_attributes”:“auto”
}
},
“vetur.format.defaultFormatter.js”: “vscode-typescript”,
“javascript.format.insertSpaceBeforeFunctionParenthesis”: true

保存完就ok了