vscode 自用插件自动保存

所需插件

vscode-icons
Open in Browser  // 在浏览器打开
jQuery Code Snippets // 代码片段
HTML CSS Support
auto close tag // 括号自动闭合
auto import
Prettier - Code formatter // 代码美化
npm Intellisense
Bracket Pair Colorizer //js括号颜色区分
vetur // vue代码
GitLens — Git supercharged // git显示代码谁写的
eslint   //格式化
One Monokai Theme  //主题
Auto Reveal       //打开文件是否显示列表
Auto Rename Tag     //尾部闭合标签同步修改
Highlight Matching Tag    //高亮显示匹配标签
Vscode-element-helper    //自动提示element标签名称
Version Lens //工具包版本信息
indenticator("editor.renderWhitespace": "all",)  //空白处显示白点
search.followSymlinks":true  设置false      //内存占用过高
"editor.wordWrap": "off",  //折行方式在右侧把off换成on

vacode设置内容

可以在使用vscode时，保存文件时文件内容可以进行自动格式化

{
  "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
  "git.autofetch": true,
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.wordWrap": "on", // 文字满屏，自动换行
  "search.followSymlinks": false,
  "window.zoomLevel": 0,
  "editor.fontSize": 13, // 字体大小
  "editor.lineNumbers": "on", //开启行数提示
  "editor.quickSuggestions": {
    //开启自动显示建议
    "other": true,
    "comments": true,
    "strings": true
  },
  "editor.renderWhitespace": "all",
  "editor.tabSize": 2, // tab空格数
  "files.associations": {
    "*.wpy": "vue"
  },
  "eslint.validate": [
    //开启对.vue文件中错误的检查
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  // Set the default
  "editor.formatOnSave": true, //每次保存自动格式化
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复
  "prettier.eslintIntegration": false, //让prettier使用eslint的代码格式进行校验
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false, //让函数(名)和后面的括号之间加个空格
  "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
  // "vetur.format.defaultFormatter.js": "none",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // "wrap_attributes": "force-aligned" //属性强制折行对齐
      "wrap_attributes": "force-expand-multiline" //属性强制折行对齐
    }
  },
  "vetur.format.defaultFormatter.ts": "vscode-typescript",
  "prettier.jsxBracketSameLine": true,
  "prettier.semi": false,
  "terminal.integrated.rendererType": "dom",
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "workbench.colorTheme": "One Monokai",
  "git.showPushSuccessNotification": true,
  "git.confirmSync": false,
  "git.enableSmartCommit": true,
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.iconTheme": "vscode-icons",
  "vsicons.dontShowNewVersionMessage": true,
  "explorer.autoReveal": false,
  "workbench.sideBar.location": "left"
}