vscode settings.json配置

{
  "files.autoSave": "afterDelay",
  // 保存后自动格式化
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  // 行高
  "editor.lineHeight": 25,
  // 主题色
  "workbench.colorTheme": "Monokai",
  // jsx代码补全
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  "editor.cursorStyle": "line", //光标为细竖线
  //配置eslint
  // 重新设定tabsize
  "editor.tabSize": 2,
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //在方括号之间插入空格
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": false, //去掉末尾分号
      "singleQuote": true //将所有双引号改为单引号
    },
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
      // #vue组件中html代码格式化样式
    }
  },
  // #这个按用户自身习惯选择 
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按编辑器自带的ts格式进行格式化 
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  //用来配置作用的文件类型
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
}