VSCode也挺好使！用以下插件跟配置更新你的感受 | VSCode

VSCode配置

• 避免误关文件，取消x关闭

  "workbench.editor.tabCloseButton": "off"

• 个人喜欢目录在右侧

  "workbench.sideBar.location": "right"

• 个人喜欢打开VSCode时不打开上次项目目录

  "workbench.startupEditor": "none"

• 关闭迷你地图

  "editor.minimap.enabled": false

• 不显示文件夹

    "files.exclude": {
        "**/__pycache__": true,
        "**/.history": true,
        "**/.idea": true,
        "**/.lh": true,
        "**/.vscode": true
    }
  

• 双击打开文件

  "workbench.list.openMode": "doubleClick",

• Git显示3个窗口，包括合并结果窗口

  "git.mergeEditor": true

• Debug工具位置固定

  "debug.toolBarLocation": "docked",

• 字体设置

  "editor.fontFamily": "'Courier new', 'FangSong'"

• 关闭默认括弧高亮(太丑了)

  "editor.bracketPairColorization.enabled": false,

VSCode插件

• 文件图标

  Catppuccin for VSCode

• 颜色主题

  Bearded Theme(其中的Anthracite主题)

• Git相关

  Gitlens
  Git Graph

• 括弧范围展示

  Guides
  Subtle Match Brackets

• 历史文件

  Local History

• HTTP接口请求文件

  REST Client

• 前端相关

  • html元素前后同时修改

    Auto Rename Tag

  • 跳转CSS代码

    CSS Peek

  • ES语法校验

    ESLint

  • CSS与HTML补全

    HTML CSS Support
    HTML Snippets

  • SCSS语法支持

    SCSS Formatter

  • Vue2支持

    别名路径跳转
    Vue Peek
    vue-helper
    Vue VSCode Snippets

  • Vue3支持

    TypeScript Vue Plugin(Volar)
    Vue Language Features(Volar)

• 其他文件支持

  XML
  YAML
  Better TOML

• 使用系统软件打开文件

  Open

• 打开浏览器

  open in browser

• 路径补全

  Path Intellisense

• 右上角快捷工具栏

  Shortcut Menu Bar