记录一下自己的Vscode插件和配置文件

Atom One Light Theme --主题色配置

  // 主体颜色配置 - Atom One Light Theme
  "workbench.colorTheme": "Atom One Light",
  "workbench.colorCustomizations": {
    "[Atom One Light]": {
      "editor.background": "#c7edcc",
      "sideBar.background": "#a6eebe",
      "activityBar.background": "#bfedc5"
    }
  }

这样就可以有绿绿的主题了~

Code Spell Checker --检查单词拼写

Path Intellisense -- 路径提示

vscode-icons -- 文件图标

Code Runner -- 快速运行代码小箭头（右上角）

Auto Close Tag -- 自动闭合标签

Auto Rename Tag -- 修改标签的一部分另一部分自动修改

下面是seting.json 配置文件

{
  "window.zoomLevel": 0.4, // 窗口缩放倍数
  "files.autoSave": "afterDelay", // 立即自动保存文件。有时会导致代码自动保存时无法正确格式化
  "editor.fontSize": 16, // 字体大小
  "editor.tabSize": 2, // 设定tabsize缩进的空格，editor.detectIndentation启用时会覆盖该设置
  "http.proxyAuthorization": "false", // 关闭一些代理引发的警告
  /********************************* ESLint 插件 *********************************/
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    "html"
  ], // 配置 ESLint 检查的文件类型
  "editor.codeActionsOnSave": {
    // "source.fixAll.eslint": true
  }, // 保存时按照eslint的规则格式化
  "editor.formatOnSave": true, // 保存时自动格式化代码。可以实现保存时自动格式化style代码
  /********************************* vetur 插件 *********************************/
  "files.associations": {
    "*.cjson": "jsonc"
  },
  "vetur.ignoreProjectWarning": true,
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": false, //不加分号
      "singleQuote": true, //用单引号
      "trailingComma": "none" // 不使用拖尾逗号
    } // 重写prettier配置，与eslint保持一致
  },
  /********************************* prettier 插件 *********************************/
  /* vetur的代码格式化就是使用prettier,因此选择不安装prettier */
  // "prettier.singleQuote": true, // 使用单引号（和eslint规则一致，否则会发生冲突）
  // "prettier.semi": false, // 末尾不使用分号（和eslint规则一致，否则会发生冲突）
  // "prettier.trailingComma": "none", // 不使用拖尾逗号（和eslint规则一致，否则会发生冲突）
  // "prettier.ignorePath": ".prettierignore", // prettier忽略的文件，需在根目录新增.prettierignore文件
  /********************************* KoroFileHeader 插件 *********************************/
  // 函数头部注释
  "fileheader.customMade": {
    "Descriptin": "",
    "Version": "0.1",
    "Autor": "Your Name",
    "Date": "Do not edit",
    "LastEditors": "Your Name",
    "LastEditTime": "Do not edit"
  },
  // 文件头部注释
  "fileheader.cursorMode": {
    "descripton": "",
    "param": "",
    "return": "",
    "author": "Your Name"
  },
  
  // 主体颜色配置 - Atom One Light Theme
  "workbench.colorTheme": "Atom One Light",
  "workbench.colorCustomizations": {
    "[Atom One Light]": {
      "editor.background": "#c7edcc",
      "sideBar.background": "#a6eebe",
      "activityBar.background": "#bfedc5"
    }
  },
  "workbench.iconTheme": "vscode-icons",
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  // 路径提示配置
  //导入文件时是否携带文件的拓展名
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  }
}