VsCode 配置文件

{
  //===========================================
  //============= Editor ======================
  //===========================================
  "explorer.openEditors.visible": 0,
  "editor.minimap.renderCharacters": false,
  "editor.minimap.maxColumn": 300,
  "editor.minimap.showSlider": "always",
  "editor.smoothScrolling": true,
  "editor.cursorBlinking": "phase",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.detectIndentation": false, // vscode默认启用了根据文件类型自动设置tabsize的选项
  // "workbench.editor.enablePreview": false, // 打开不覆盖
  "search.followSymlinks": false, //关闭快速预览
  "editor.tabSize": 2, //制表符宽度
  "editor.mouseWheelZoom": true, // 按住 `Ctrl` 键并滚动鼠标滚轮时对编辑器字体大小进行缩放。
  "editor.fontFamily": "Fira Code", //后边的引号中写上要设置的字体类型，个人比较喜欢Fira Code
  "editor.fontLigatures": true, //这个控制是否启用字体连字，true启用，false不启用，这里选择启用
  "editor.wordWrap": "on", //将在视区宽度处换行。
  "editor.formatOnPaste": true, //自动格式化粘贴的内容
  "editor.formatOnSave": true, //保存自动格式化
  "editor.fontSize": 20, //文字大小
  "editor.lineHeight": 30, //行高
  "editor.suggestSelection": "first",
  "editor.trimAutoWhitespace": true,
  "editor.quickSuggestions": {
    //   快速提示
    "other": true,
    "comments": true,
    "strings": true
  },

  //===========================================
  //============= Other =======================
  //===========================================

  "breadcrumbs.enabled": true, // 启用/禁用导航路径
  "open-in-browser.default": "chrome", // 默认浏览器
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "sync.gist": "c5249cf8ecfd8becb8ed4fbbec05c99", // setting sync id
  //===========================================
  //============= emmet =======================
  //===========================================

  "emmet.triggerExpansionOnTab": true, // 配置emmet是否启用tab展开缩写
  "emmet.showAbbreviationSuggestions": true,
  "emmet.showExpandedAbbreviation": "always",

  "emmet.syntaxProfiles": {
    // 配置emmet对文件类型的支持，比如vue后缀文件按照html文件来进行emmet扩写
    "vue-html": "html",
    "vue": "html",
    "javascript": "javascriptreact",
    // xml类型文件默认都是单引号，开启对非单引号的emmet识别
    "xml": {
      "attr_quotes": "single"
    }
  },
  "emmet.includeLanguages": {
    // 在react的jsx中添加对emmet的支持
    "jsx-sublime-babel-tags": "javascriptreact"
  },

  //===========================================
  //============= files =======================
  //===========================================

  // "files.autoSave": "onWindowChange", // 窗口失去焦点自动保存
  // "files.autoSaveDelay": 1000, // 自动保存时间
  "files.trimTrailingWhitespace": true, // 启用后，将在保存文件时剪裁尾随空格。
  // 文件末尾插入新行
  "files.insertFinalNewline": true,
  // 删除文件末尾多余的新行
  "files.trimFinalNewlines": true,

  "files.eol": "\n",
  "search.exclude": {
    // 搜索排除这些区域
    "**/node_modules": true,
    "**/*.log": true,
    "**/*.log*": true,
    "**/bower_components": true,
    "**/dist": true,
    "**/build": true,
    "**/elehukouben": true,
    "**/.git": true,
    "**/.gitignore": true,
    "**/.svn": true,
    "**/.DS_Store": true,
    "**/.idea": true,
    "**/.vscode": false,
    "**/yarn.lock": true,
    "**/tmp": true
  },

  "files.exclude": {
    // 排除文件搜索区域，比如node_modules(默认设置已经屏蔽了)
    // "**/node_modules": true,
    "**/bower_components": true,
    "**/.idea": true,
    "**/yarn.lock": true,
    "**/tmp": true,
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true
  },

  "files.watcherExclude": {
    // 文件监视排除
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/.vscode/**": true,
    "**/node_modules/**": true,
    "**/tmp/**": true,
    "**/bower_components/**": true,
    "**/dist/**": true
  },

  "files.associations": {
    // 配置文件关联，以便启用对应的智能提示，比如wxss使用css
    "*.vue": "vue",
    "*.wxss": "css"
  },
  //===========================================
  //============= terminal ====================
  //===========================================

  "terminal.external.osxExec": "iTerm.app", // 修改vsc的终端为iTerm2
  // ↓↓↓↓↓↓↓↓↓↓↓↓↓ 以下为插件设置 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
  // ↓↓↓↓↓↓↓↓↓↓↓↓↓ 需要安装对应的插件 ↓↓↓↓↓↓↓↓↓↓↓↓
  // ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

  // ===========================================
  // ================ Eslint ===================
  // ===========================================
  "eslint.enable": true, // 是否开启eslint
  "eslint.validate": [
    // eslint校验的文件
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    "jsx",
    "typescript",
    "typescriptreact",
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "html",
      "autoFix": true
    }
  ],
  "eslint.options": {
    // 配置
    "plugins": ["html", "vue", "javascript", "jsx", "typescript"]
  },
  "eslint.autoFixOnSave": true, // 保存自动格式化

  // ===========================================
  // ================ Vetur ====================
  // ===========================================

  "vetur.format.defaultFormatter": {
    //设置 Vetur 默认使用的格式化插件 prettier
    "html": "js-beautify-html",
    "css": "prettier",
    "postcss": "prettier",
    "scss": "prettier",
    "less": "prettier",
    "js": "prettier",
    "ts": "prettier",
    "stylus": "stylus-supremacy"
  },

  "vetur.format.defaultFormatter.html": "js-beautify-html", // 使用js-beautify-html格式化
  //   "vetur.format.defaultFormatter.html": "prettyhtml",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      //   "wrap_attributes": "force-aligned", // 单行
      "wrap_attributes": "force-expand-multiline" // 属性强制折行对齐 多行
    },
    "prettier": {
      "eslintIntegration": true, // 让perttier使用eslint的格式进行检查
      "arrowParens": "always", // 箭头函数参数括号 默认avoid 可选 avoid | always
      "semi": false, // 使用分号, 默认true
      "singleQuote": true // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
    }
  },
  // "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 函数括号前加空格
  // "vetur.format.defaultFormatter.js": "vscode-typescript",

  //   "vetur.format.defaultFormatter.js": "prettier", // js格式化插件
  //   "vetur.format.defaultFormatter.js": "prettier-eslint",
  //   "vetur.format.options.tabSize": 4, // 制表符
  //   "vetur.format.options.useTabs": false, // 使用tab

  // ===========================================
  // ============= Prettier ====================
  // ===========================================

  "prettier.semi": true, // 使用分号, 默认true
  "prettier.singleQuote": true, // 使用单引号,
  "prettier.arrowParens": "always", // 箭头函数参数括号 默认avoid 可选 avoid | always
  "prettier.eslintIntegration": true,

  // ===========================================
  // ============= Material Icon Theme =========
  // ===========================================

  "workbench.iconTheme": "material-icon-theme", // 主题色

  // ===========================================
  // ============= stylus Supremacy ============
  // ===========================================

  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  "stylusSupremacy.insertBraces": false, // 是否插入大括号

  //===========================================
  //============= Document This ===============
  //===========================================

  "docthis.includeAuthorTag": true, // 出现@Author
  "docthis.includeDescriptionTag": true, // 出现@Description
  "docthis.authorName": "wenbin.chen", // 出现作者名,
  "docthis.inferTypesFromNames": true,
  //===========================================
  //============= koroFileHeaders ===============
  //===========================================
  "fileheader.configObj": {
    "autoAlready": true, // 默认开启:只让支持的语言，自动添加头部注释.
    // "autoAdd": true, // 将该选项设置为true即可开启
    "annotationStr": {
      "head": "/**", // 自定义注释头部
      "middle": " * @", // 自定义注释中间部分(注意空格,这也是最终生成注释的一部分)
      "end": " */", // 自定义注释尾部
      "use": true // 是否使用自定义注释符号
    }
  },
  "fileheader.customMade": {
    "description": "",
    "author": "wenbin.chen",
    "Date": "Do not edit",
    "LastEditors": "wenbin.chen",
    "LastEditTime": "Do not edit",
    "email": "190848757@qq.com"
  },
  "fileheader.cursorMode": {
    "description": "",
    "Date": "Do not edit"
    // "param": "",
    // "returns": "",
    // "example": ""
  }, // 函数注释

  // //===========================================
  // //============= synthwave84 =================
  // //===========================================
  // "vscode_custom_css.imports": [
  //   "file:///Users/annsion/Documents/env/vscode_setting/synthwave84.css"
  // ],
  //===========================================
  //============= Code Runner =================
  //===========================================

  "code-runner.runInTerminal": true,
  "javascript.updateImportsOnFileMove.enabled": "never",
  "liveServer.settings.donotShowInfoMsg": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "terminal.integrated.rendererType": "dom", //关闭liveserver提示
  // "files.autoGuessEncoding": true,
  "telemetry.enableCrashReporter": false,
  "telemetry.enableTelemetry": false,
  "workbench.settings.enableNaturalLanguageSearch": false,
  "workbench.colorTheme": "Palenight Theme",
  // 引用路径设置
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src",
    "~": "${workspaceRoot}/src",
    "src": "${workspaceRoot}/src"
  }
}