vscode配置

这篇博客详细介绍了如何优化VSCode的配置,包括禁用预览编辑器、设置TabSize、自动格式化、启用eslint修复、集成Prettier、设置代码风格以及各种语言的格式化规则。此外,还涉及了文件自动保存、Git集成、代码高亮插件和代码提示等功能的调整,旨在提高开发效率和代码质量。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

{
  // elsint配置TODO:
  "workbench.editor.enablePreview": false,
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 4,
  // #值设置为true时,每次保存的时候自动格式化;值设置为false时,代码格式化请按shift+alt+F
  "editor.formatOnSave": true,
  // #每次保存的时候将代码按eslint格式进行修复
//   "eslint.autoFixOnSave": true,
//   // // 添加 vue 支持
//   "eslint.validate": [
//       "javascript",
//       "javascriptreact",
//       {
//           "language": "vue",
//           "autoFix": true
//       },"html",
//       "vue"
//   ],
  //  #让prettier使用eslint的代码格式进行校验
  "prettier.eslintIntegration": true,
  //  #去掉代码结尾的分号
  "prettier.semi": false,
  //  #使用带引号替代双引号
  "prettier.singleQuote": true,
  "prettier.tabWidth": 4,
  //  #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
  // #这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按"prettier"格式进行格式化
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // #vue组件中html代码格式化样式
      "wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样
      "wrap_line_length": 200,
      "end_with_newline": false,
      "semi": false,
      "singleQuote": true
    },
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // 格式化stylus, 需安装Manta's Stylus Supremacy插件
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  "stylusSupremacy.insertBraces": false, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  "prettier.useTabs": true,
  "files.autoSave": "off",
  "explorer.confirmDelete": false,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "diffEditor.ignoreTrimWhitespace": false,
  "git.autofetch": true,
  "eslint.format.enable": true,
  "eslint.debug": true,
  "editor.codeActionsOnSave": {  // 两个选择器中是否换行
      "source.fixAll.eslint": true,
      "eslint.autoFixOnSave" : false,
  },
  "eslint.codeAction.showDocumentation": {
      "enable": true
  },
  "settingsSync.ignoredExtensions": [],
// "editor.fontLigatures": null,
// "editor.codeActionsOnSave": {
//    "source.fixAll.eslint": true
// }, // 两个选择器中是否换行
// 其它文件配置
"editor.wordWrap": "on",
  "open-in-browser.default": "\"C:\\Users\\Sangfor\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe\"",
  "view-in-browser.customBrowser": "chrome",
  "view-in-browser.default": "Google Chrome",
//   "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "files.associations": {
    "*.html": "html",
    "*.jsx": "javascriptreact",
    "*.js": "javascriptreact",
    ".eslintrc.js": "vue"
},

  //默认shell,路径
  "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
  // "workbench.editor.enablePreview": false,
//   "git.autofetch": true,
  "less.compile": {
    "autoprefixer": "> 5%, last 2 Chrome versions, not ie 6-9",
    "outExt": ".wxss"
  },
  "liveServer.settings.ignoreFiles": [
    ".vscode/**",
    "**/*.scss",
    "**/*.sass",
    "**/*.ts"
  ],

  // 自动同步修改前后标签名插件--Auto Rename Tag 配置
  "auto-rename-tag.activationOnLanguage": [
    "html",
    "xml",
    "php",
    "javascript",
    "javascriptreact",
    "vue"
  ],
  "workbench.colorTheme": "Default Dark+",

  //字体配置
  //终端字体配置-开始
  // "terminal.integrated.lineHeight": 1.2,
  // "terminal.integrated.letterSpacing": 0.1,
  // "terminal.integrated.fontSize": 14,
  // "terminal.integrated.fontFamily": "Lucida Console",
  // "terminal.integrated.shell.linux": "/bin/zsh",
  //终端字体配置-结束

  //     "workbench.colorTheme": "One Dark Pro",
  "editor.fontSize": 14.5,
  "workbench.startupEditor": "newUntitledFile",
  "git.ignoreMissingGitWarning": true,
  "git.enableSmartCommit": true,
//   "[json]": {
//     "editor.defaultFormatter": "HookyQR.beautify"
//   },
  "workbench.iconTheme": "vscode-icons",
  "editor.fontLigatures": true,
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.cursorWidth": 2,
//   "[javascript]": {
//     "editor.defaultFormatter": "HookyQR.beautify"
//   },

  //TODO Highlight  高亮插件配置
  "todohighlight.isEnable": true,
  "todohighlight.isCaseSensitive": true,
  "todohighlight.keywords": [
    "DEBUG:",
    "REVIEW:",
    {
      "text": "NOTE:",
      "color": "#ff0000",
      "backgroundColor": "yellow",
      "overviewRulerColor": "grey"
    },
    {
      "text": "HACK:",
      "color": "#000",
      "isWholeLine": false
    },
    {
      "text": "TODO:",
      "color": "red",
      "border": "",
      "borderRadius": "2px", //NOTE: using borderRadius along with `border` or you will see nothing change
      "backgroundColor": "rgba(0,0,0,.2)"
      //other styling properties goes here ...
    }
  ],
  "todohighlight.keywordsPattern": "TODO:", //highlight `TODO:`,`FIXME:` or content between parentheses
  "todohighlight.defaultStyle": {
    "color": "gold",
    "backgroundColor": "",
    "overviewRulerColor": "",
    "cursor": "pointer",
    "border": "",
    "borderRadius": "2px",
    "isWholeLine": true
    //other styling properties goes here ...
  },
  "todohighlight.include": [
    "**/*.js",
    "**/*.jsx",
    "**/*.ts",
    "**/*.tsx",
    "**/*.html",
    "**/*.php",
    "**/*.css",
    "**/*.scss"
  ],
  "todohighlight.exclude": [
    "**/node_modules/**",
    "**/bower_components/**",
    "**/dist/**",
    "**/build/**",
    "**/.vscode/**",
    "**/.github/**",
    "**/_output/**",
    "**/*.min.*",
    "**/*.map",
    "**/.next/**"
  ],
  "todohighlight.maxFilesForSearch": 5120,
  "todohighlight.toggleURI": false,
  "[javascriptreact]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },

  "editor.snippetSuggestions": "top",
  "[css]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "javascript.updateImportsOnFileMove.enabled": "always",
  "[scss]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },
  "[vue]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },
  "[less]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },
  "vsicons.dontShowNewVersionMessage": true,
  "liveServer.settings.donotShowInfoMsg": true,
  "[html]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  },
  /* "[jsonc]": {
    "editor.defaultFormatter": "svipas.prettier-plus"
  }, */
  // "editor.formatOnSave": true,
"eslint.validate": [
    "javascript",
    "javascriptreact"
],
"security.workspace.trust.untrustedFiles": "open",
"window.zoomLevel": -1,
}

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值