vscode的setting.json个人配置及个人常用插件

西红柿又名小番茄

已于 2024-06-04 09:51:20 修改

阅读量1w

点赞数 6

分类专栏： vs code 文章标签： vscode setting.json

于 2021-07-14 10:46:53 首次发布

本文链接：https://blog.csdn.net/qq_39293316/article/details/118722285

版权

vs code 专栏收录该内容

2 篇文章

订阅专栏

本文分享了作者的VSCode设置，包括文件关联、主题、搜索排除、插件选择等，重点介绍了前端开发相关的配置和推荐的常用插件，帮助读者提高开发效率。

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

vscode这个编辑器，前端工作人员使用的非常多，我也是经常使用，每次在新的电脑上使用时都要重新写setting.json配置，感觉很麻烦，就写了这篇文章记录下自己的一些常用配置。顺便说一句，setting.json配置没有最好的，只有最适合自己的。

{
  "files.associations": {
  "*.vue": "vue",
  "*.wpy": "vue",
  "*.wxml": "html",
  "*.wxss": "css"
  },
  //主题颜色 
  "explorer.confirmDelete": false,
  "editor.fontSize": 14,
  "window.zoomLevel": 1,
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #值设置为true时，每次保存的时候自动格式化；
  "editor.formatOnSave": false,
  "workbench.editor.enablePreview": false, // 关闭文件的预览模式
  "workbench.iconTheme": "material-icon-theme",
  // 在使用搜索功能时，将这些文件夹/文件排除在外
  "search.exclude": {
      "**/node_modules": true,
      "**/bower_components": true,
      "**/target": true,
      "**/logs": true,
  }, 
  // 这些文件将不会显示在工作空间中
  "files.exclude": {
      "**/.git": true,
      "**/.svn": true,
      "**/.hg": true,
      "**/CVS": true,
      "**/.DS_Store": true,
      "**/*.js": {
          "when": "$(basename).ts" //ts编译后生成的js文件将不会显示在工作空中
      },
      "**/node_modules": true
  }, 
  "editor.suggest.snippetsPreventQuickSuggestions": true
}

二、个人常用插件

Auto Close Tag（自动补全 html 标签）

Auto Rename Tag（自动完成另一侧标签的同步修改）

Babel ES6/ES7

Bracket Pair Color DLW（为多个括号添加不同的颜色）

Chinese（汉化，安装后点击ctrl + shift + p快捷键，然后在命令窗口中输入Configure Display Language，点击确定之后选择zh-cn即可切换到中文版）

Debugger for Chrome

easy less（保存less之后自动生成css）

easy sass （保存sass之后自动生成css）

ESLint

GitLens — Git supercharged（git提交日志）

HTML CSS Support