vsCode常见配置

常用插件

• Auto Close Tag 自动添加HTML / XML关闭标签
• HTML Snippets 代码自动填充
• JavaScript (ES6) code snippets es6代码片段
• Path Intellisense 路径自动补全
• Vetur Vue 语法高亮显示, 语法错误检查, 代码自动补全
  (配合 ESLint 插件效果更佳)
• open in browser 打开默认浏览器
• px to rem px转rem (alt+shilt) 需要在设置中配置 （比如："px-to-rem.px-per-rem": 10,）
• Vue 2 Snippets

设置项

{
  // VScode主题配置
  "window.zoomLevel": 1,
  // "fecs.en": true,
  "editor.tabSize": 2,
  //开启自动显示建议
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },
  // 是否允许自定义的snippet片段提示,比如自定义的vue片段开启后就可以智能提示
  "files.trimTrailingWhitespace": true,
  // VScode 文件搜索区域配置
  "search.exclude": {
    "**/dist": true,
    "**/build": true,
    "**/elehukouben": true,
    "**/.git": true,
    "**/.gitignore": true,
    "**/.svn": true,
    "**/.DS_Store": true,
    "**/.idea": true,
    "**/.vscode": false,
    "**/yarn.lock": true,
    "**/tmp": true
  },
  // 定义函数参数括号前的空格处理方式
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false,
  // 排除文件搜索区域，比如node_modules(贴心的默认设置已经屏蔽了)
  "files.exclude": {
    "**/.idea": true,
    "**/yarn.lock": true,
    "**/tmp": true
  },
  // 配置文件关联，以便启用对应的智能提示，比如wxss使用css
  "files.associations": {
    "*.vue": "vue",
    "*.wxss": "css"
  },
  // 是否开启eslint检测
  "eslint.enable": true,
  // 文件保存时，是否自动根据eslint进行格式化
  "eslint.autoFixOnSave": true,
  // eslint配置文件
  "eslint.options": {
    "plugins": [
      "html",
      "javascript",
      "vue"
    ]
  },
  "emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
  },
  // eslint能够识别的文件后缀类型
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue"
  ],
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto" //属性不强制折行对齐
    },
    "prettier": {
      "singleQuote": true
    } //使用单引号而不是双引号, 且一定要写在vetur里面，否则prettier在vue文件中无法识别
  },
  "editor.formatOnSave": true, //保存时自动格式化
  "prettier.eslintIntegration": true, // prettier进行格式化时是否安装eslint配置去执行，建议false
  "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "px-to-rem.px-per-rem": 10,
  "files.autoSave": "afterDelay",
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue"
}