VSCode

常用插件

1. ESLint
   配合 eslint 检测的插件

2. Path Intellisense
   能根据导入路径给提示的插件

3. Prettier - Code formatter
   如果项目中在 eslint 基础上配置了 prettier，则需要此插件。

4. EditorConfig for VS Code
   如果项目中有为该项目单独做的 VSCode 配置并且想要生效的话，那么需要此插件

5. DotENV
   支持环境配置文件的插件

6. Git Graph
   可视化查看各分支代码提交记录

7. Git History 可以查看每次提交的文件详情

8. Bito 一款支持 ChatGPT 的插件。并能在线识别你的代码，提供意见

9. open in browser 支持右键选择浏览器打开当前页面

10. Highlight Matching Tag 高亮当前光标处的前后标签，方便区分当前区块的范围

settings.json 配置

自动保存

{
  "files.autoSave": "afterDelay",
}

新开窗口

{
  "workbench.startupEditor": "newUntitledFile",
  "workbench.editor.enablePreview": false,
}

文件层次

{
  "explorer.compactFolders": false,
}

当一个文件夹下只有一个文件夹时，也要分层次

关闭插件推荐

{
  "extensions.ignoreRecommendations": false,
}

eslint

{
  "editor.codeActionsOnSave": {
    // 保存自动修复
    "source.fixAll.eslint": "explicit",
  },
  // eslint 自动识别工作区
  "eslint.workingDirectories": [{ "mode": "auto" }],
  // ESLint要验证的语言
  "eslint.validate": ["javascript","typescript","vue"]
}

tabSize

{
    // 重新设定tabsize
    "editor.tabSize": 2,
}