VSCode配置

{
  //设置文字大小
  "editor.fontSize": 18,
  //设置文字行高
  "editor.lineHeight": 24,
  //开启行数提示
  "editor.lineNumbers": "on",
  // 在输入时显示含有参数文档和类型信息的小面板。
  "editor.parameterHints.enabled": true,
  // 文件目录
  "workbench.iconTheme": "vscode-icons",
  // 设置字体
  // "editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
  // 自动换行
  // "editor.wordWrap": "on",
  // 自定义vscode面板颜色
  // "workbench.colorCustomizations": {
  // "tab.activeBackground": "#253046", // 活动选项卡的背景色
  // "activityBar.background": "#253046", //活动栏背景色
  // "sideBar.background": "#253046", //侧边栏背景色
  // "activityBar.foreground": "#23f8c8", //活动栏前景色(例如用于图标)
  // "editor.background": "#292a2c" //编辑器背景颜色
  // },
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #每次保存的时候自动格式化
  "editor.formatOnSave": true,
  // 开启 vscode 文件路径导航
  "breadcrumbs.enabled": true,
  // prettier 设置语句末尾不加分号
  "prettier.semi": false,
  // prettier 设置强制单引号
  "prettier.singleQuote": true,
  // 使用单引号
  "javascript.preferences.quoteStyle": "single",
  "typescript.preferences.quoteStyle": "single",
  "prettier.jsxSingleQuote": true,
  // 显示 markdown 中英文切换时产生的特殊字符
  "editor.renderControlCharacters": true,
  //  #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // 保存时运行的代码ESLint操作类型。
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // 添加emmet支持vue文件
  "emmet.includeLanguages": {
    "wxml": "html",
    "vue": "html"
  },
  //快速预览（右侧）
  "editor.minimap.enabled": true,
  // tab 代码补全
  "files.associations": {
    "*.wpy": "vue",
    "*.vue": "vue",
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  // 用来配置如何使用ESLint CLI引擎API启动ESLint。 默认为空选项
  "eslint.options": {
    "extensions": [".js", ".vue"]
  },
  // 在onSave还是onType时执行linter。默认为onType。
  "eslint.run": "onSave",
  // 启用ESLint作为已验证文件的格式化程序。
  "eslint.format.enable": true,
  // 语言标识符的数组，为此ESLint扩展应被激活，并应尝试验证文件。
  "eslint.probe": ["javascript", "javascriptreact", "vue-html", "vue", "html"],
  //关闭rg.exe进程 用cnpm导致会出现rg.exe占用内存很高
  "search.followSymlinks": false,
  // #这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  // 给js-beautify-html设置属性隔断
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "aligned-multiple",
      "wrap_line_length": 900,
      "end_with_newline": false
    },
    "prettyhtml": {
      "printWidth": 500,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    },
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },
  // style默认偏移一个indent
  "vetur.format.styleInitialIndent": true,
  // 定义匿名函数的函数关键字后面的空格处理。
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true,
  // 定义函数参数括号前的空格处理方式。
  "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
  // 新版本消息
  "vsicons.dontShowNewVersionMessage": false,
  // 控制资源管理器是否在把文件删除到废纸篓时进行确认。
  "explorer.confirmDelete": false,
  // 使用eslint-plugin-vue验证<template>中的vue-html
  "vetur.validation.template": false,
  // 格式化js时候{}中内容不自动换行
  "beautify.config": {
    "brace_style": "collapse,preserve-inline"
  },
  "beautify.language": {
    "js": {
      "type": ["javascript", "json", "jsonc"],
      "filename": [".jshintrc", ".jsbeautifyrc"]
    },
    "css": ["css", "less", "scss"],
    "html": ["htm", "html"]
  },
  "terminal.integrated.confirmOnExit": true,
  "terminal.integrated.copyOnSelection": true,
  "terminal.integrated.cursorBlinking": true,
  "json.trace.server": "messages",
  // 自动格式化粘贴内容
  "editor.formatOnPaste": true,
  // 写入一行后是否自动格式化
  "editor.formatOnType": true,
  // 指定用在工作台中的颜色主题。
  "workbench.colorTheme": "Default Light+",
  "debug.javascript.suggestPrettyPrinting": false,
  "[vue]": {
    // "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.defaultFormatter": "octref.vetur" // 使用 vetur 格式化规则
  },
  // "[json]": {
  //   "editor.defaultFormatter": "vscode.json-language-features"
  // },
  // "[jsonc]": {
  //   "editor.defaultFormatter": "vscode.json-language-features"
  // },
  // "[javascript]": {
  //   "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  // },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript|react]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript|react]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.quickSuggestions": {
    "strings": true
  }
}