vsCode开发插件和配置推荐

最新推荐文章于 2026-04-04 05:04:01 发布

原创最新推荐文章于 2026-04-04 05:04:01 发布 · 310 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文列举了Visual Studio Code(VSCode)中的一些实用插件，包括中文语言包、自动补全标签、颜色括号区分、Git增强工具GitLens、HTML/CSS支持、文件头部及函数注释、路径提示、Vue开发插件Vetur、快速浏览器预览、文件图标美化等，旨在提高开发效率并优化代码管理。同时，介绍了通过设置快捷键和配置文件实现字体缩放和自定义注释模板，让VSCode成为更强大的开发环境。

vsCode插件

1. 首先vsCode的中文插件

Chinese (Simplified) Language Pack for Visual Studio Code

2. 自动补全标签插件，可大幅度提升开发效率

Auto Close Tag

3. 给代码加上不同颜色的括号，更方便区分代码块

Bracket Pair Colorizer

4. git提交管理，可以清楚看到每一行的作者和改动时间，强烈推荐！

GitLens — Git supercharged

5. HTML CSS的代码提示

HTML CSS Support

6. 头部注释和函数注释，强烈推荐！

koroFileHeader

// 文件settings.json添加以下配置
// 文件头部注释 Ctrl + Alt + i
"fileheader.customMade": {
     "Descripttion": "",
     "Author": "JayShen",
     "Date": "Do not edit",
     "LastEditors": "JayShen",
     "LastEditTime": "Do not Edit"
 },
// 函数注释 Ctrl + Alt + t
"fileheader.cursorMode": {
    "Description": "",
    "Author": "JayShen",
    "param": "",
},

7. 引入的文件的路径提示

Path Intellisense

8. vue开发者必备，vue代码提示

Vetur

9. 右键打开浏览器运行HTML文件，快捷键Alt + b

open in browser

10. 文件icon更换，文件一目了然，推荐！

vscode-icons

无限更新中…

vsCode配置

1.按住Ctrl + 滚轮缩放字体大小，强烈推荐！

// 鼠标滚轮缩放字体大小 文件settings.json添加以下配置
"editor.mouseWheelZoom": true,

标签

#vscode