分享一个vscode的配置 vue开发用的

安装的插件

1. Atom One Dark Theme 主题
2. Auto Rename Tag 头尾标签自动修改，改一个改一双
3. Beautify 格式化
4. Bracket Pair Colorizer 对象括号选择有颜色表示范围
5. Highlight Matching Tag 选择标签自动高亮对应的结尾标签
6. Material Icon Theme 图标
7. Path Intellisense 路径提示，只能相对路径
8. Version Lens 版本提示，安装完可以在打开package.json文件，在右上角有一个v按钮，点击可以查看最新版本，更新狂魔必备
9. Vetur 用了vue还有不装这个的？
10. Color Highlight 颜色预览
11. koroFileHeader 注释工具
12. GitLens 在文件中可以查看该代码最后谁更新的
13. JavaScript (ES6) code snippets es6的快捷命令
14. Live Server 小型服务器环境运行html
15. Local History 每次ctrl+s就会做一次记录，可以防止意外发生回退代码
16. Lodash
17. Tabnine ai智能代码提示
18. Vue VSCode Snippets vue的快捷代码

配置

{
  "workbench.iconTheme": "material-icon-theme",
  "editor.fontSize": 16,
  "editor.tabSize": 2,
  "editor.fontFamily": "'JetBrains Mono','Cascadia Code',Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "compile-hero.config": "",
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.detectIndentation": false,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "settingsSync.ignoredExtensions": [],
  "beautify.config": {
    "brace_style": "collapse,preserve-inline",
    "indent_size": 2,
  },
  "javascript.suggest.autoImports": false,
  "vetur.validation.template": false,
  "compile-hero.jade-output-toggle": false,
  "compile-hero.javascript-output-toggle": false,
  "compile-hero.less-output-toggle": false,
  "compile-hero.sass-output-toggle": false,
  "compile-hero.pug-output-toggle": false,
  "compile-hero.scss-output-toggle": false,
  "compile-hero.typescript-output-toggle": false,
  "compile-hero.typescriptx-output-toggle": false,
  "git.autofetch": true,
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 110,
      "wrap_attributes": "auto",
      "end_with_newline": false
    }
  },
  "editor.codeActionsOnSave": {},
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "beautify.language": {
    "js": {
      "type": [
        "javascript",
        "json",
        "jsonc"
      ],
      "filename": [
        ".jshintrc",
        ".jsbeautifyrc"
      ]
    },
    "css": [
      "css",
      "less",
      "scss"
    ],
    "html": [
      "htm",
      "html"
    ]
  },
  "editor.wordWrap": "on",
  "files.associations": {
    "*.tpl": "html",
    "*.vue": "vue"
  },
  "editor.renderControlCharacters": false,
  "files.autoSave": "off",
  "diffEditor.ignoreTrimWhitespace": false,
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "search.followSymlinks": false,
  "[html]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "eslint.codeAction.disableRuleComment": {
    "vue/html-indent": "false",
    "vue/html-closing-bracket-newline": "false"
  },
  "explorer.confirmDelete": false,
  // 插件配置项
  "fileheader.configObj": {
    "autoAdd": false, // 检测文件没有头部注释，自动添加文件头部注释
    "autoAddLine": 100, // 文件超过多少行数 不再自动添加头部注释
    "autoAlready": true, // 只添加插件支持的语言以及用户通过`language`选项自定义的注释
    // 自动添加头部注释黑名单
    "prohibitAutoAdd": [
      "json",
      "php"
    ],
    "prohibitItemAutoAdd": [
      "项目的全称禁止项目自动添加头部注释, 使用快捷键自行添加"
    ],
    "wideSame": false, // 头部注释等宽设置
    "wideNum": 13, // 头部注释字段长度 默认为13
    // 头部注释第几行插入
    "headInsertLine": {
      "php": 2 // php文件 插入到第二行
    },
    "beforeAnnotation": {}, // 头部注释之前插入内容
    "afterAnnotation": {}, // 头部注释之后插入内容
    "specialOptions": {}, // 特殊字段自定义
    "switch": {
      "newlineAddAnnotation": true // 默认遇到换行符(\r\n \n \r)添加注释符号
    },
    "moveCursor": true, // 自动移动光标到Description所在行
    "dateFormat": "YYYY-MM-DD HH:mm:ss",
    "atSymbol": "@", // 更改所有文件的自定义注释中的@符号
    "atSymbolObj": {}, //  更改单独语言/文件的@
    "colon": ": ", // 更改所有文件的注释冒号
    "colonObj": {}, //  更改单独语言/文件的冒号
    "filePathColon": "路径分隔符替换", // 默认值： mac: / window是: \
    "showErrorMessage": false, // 是否显示插件错误通知 用于debugger
    "CheckFileChange": false, // 单个文件保存时进行diff检查
    "createHeader": true, // 新建文件自动添加头部注释
    "useWorker": false, // 是否使用工作区设置
    "designAddHead": false, // 添加注释图案时添加头部注释
    // 自定义语言注释符号，覆盖插件的注释格式
    "language": {
      "java": {
        "head": "/$$",
        "middle": " $ @",
        "end": " $/"
      },
      // 一次匹配多种文件后缀文件 不用重复设置
      "h/hpp/cpp": {
        "head": "/*** ", // 统一增加几个*号
        "middle": " * @",
        "end": " */"
      },
      // 针对有特殊要求的文件如：test.blade.php
      "blade.php": {
        "head": "<!--",
        "middle": " * @",
        "end": "-->"
      }
    },
    // 默认注释  没有匹配到注释符号的时候使用。
    "annotationStr": {
      "head": "/*",
      "middle": " * @",
      "end": " */",
      "use": false
    }
  },
  // 头部注释
  "fileheader.customMade": {
    // 头部注释默认字段
    "Author": "mulingyuer",
    "Date": "Do not edit", // 设置后默认设置文件生成时间
    "LastEditTime": "Do not edit", // 设置后，保存文件更改默认更新最后编辑时间
    "LastEditors": "mulingyuer", // 设置后，保存文件更改默认更新最后编辑人
    "Description": "",
    "FilePath": "Do not edit", // 设置后，默认生成文件相对于项目的路径
    "custom_string_obkoro1": "怎么可能会有bug！！！"
  },
  // 函数注释
  "fileheader.cursorMode": {
    // 默认字段
    "description": "",
    "param": "",
    "Date": "YYYY-MM-DD HH:mm", // 设置后默认设置文件生成时间
    "Author": "mulingyuer"
  },
  "projectManager.git.maxDepthRecursion": 0,
  "projectManager.any.baseFolders": [
    "E:\\Code\\shetuan"
  ],
  "git.enableSmartCommit": true,
  "[json]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "tabnine.experimentalAutoImports": true,
  "workbench.colorTheme": "Atom One Dark",
  "security.workspace.trust.untrustedFiles": "open",
  "[jsonc]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "local-history.daysLimit": 1,
}