配置vscode自动保存时处理js和vue的格式化问题

1.vscode安装插件

• Prettier - Code formatter
• Prettier ESLint
• Vetur

2. 在vscode 配置文件中修改为

{
  "prettier.semi": false, // 分号
  "prettier.singleQuote": true, // 单引号
  "prettier.trailingComma": "none", // 去掉结尾的逗号
  // #每次保存的时候自动格式化
  "editor.formatOnSave": true, 
  "editor.mouseWheelZoom": true,
  // "prettier.proseWrap": "never", // 文本换行
  // "prettier.endOfLine": "auto",

  // #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "singleQuote": true,
      "semi": false,
      "trailingComma": "none"
    },
    "js-beautify-html": {
      "wrap_attributes": "auto"
    }

  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur",
  },

  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  }

}

3. 保存即可