VS Code 必装 5 大插件

刚装好 VS Code 的时候，它就像一张白纸——能写代码，但没啥特别。真正让 VS Code 变成”神器”的，是它庞大的插件生态。

今天给你安利 5 个我每天都在用的插件，从代码美化到智能补全，从一键运行到 Git 增强，装完你就不想卸了。

1 Prettier — 代码格式化神器

每次写代码缩进乱七八糟？同事写的代码风格跟你不一致？Prettier 一键帮你把代码格式化得整整齐齐。保存时自动格式化，再也不用为缩进空格还是 Tab 争吵了。

// 格式化前：一团乱麻constuser={name:"奥饼饼",age:18,skills:["Python","JS"]};// 格式化后：整整齐齐 ✨constuser = {name: "奥饼饼",age: 18,skills: ["Python", "JS"],};

💡 设置技巧：在 settings.json 中添加 "editor.formatOnSave": true，保存时自动格式化，爽！

2 Error Lens — 错误直接显示在代码行

VS Code 默认的错误提示藏在底部面板里，你得手动点开 Problems 才能看到。装上 Error Lens 后，报错信息直接高亮显示在代码行末尾，一眼就能看到哪里出了问题，红色波浪线 + 错误文字，再也不用到处翻面板。

print("hello"← SyntaxError: unexpected EOF# 忘了右括号？Error Lens 直接在行尾告诉你！

3 Code Runner — 一键运行代码

学 Python 的时候，每次运行都要打开终端敲 python xxx.py？Code Runner 让你一键运行，右上角点一下 ▶️ 按钮就能看到输出结果，支持 Python、JavaScript、C++、Java 等几十种语言。

# hello.pyname = input("你叫什么名字？ ")print(f"你好，{name}！欢迎来到奥饼饼智慧谷！")# 点右上角 ▶️ 一键运行，结果直接显示在输出面板

⚙️ 推荐设置：在 settings.json 添加 "code-runner.runInTerminal": true，这样运行时可以在终端输入交互内容。

4GitLens — Git 超级增强

如果你的项目用了 Git（强烈建议用！），GitLens 就是必装插件。它能在每一行代码旁边显示谁在什么时候修改了这行，还能一键查看某行代码的修改历史，再也不用对着 git log 一条条翻了。

# 每行代码旁边自动显示 Git 信息result = calculate_score(data)  ← gxf, 3小时前report = generate_report(result)  ← gxf, 2小时前

5 Auto Rename Tag — 前端开发救星

写 HTML 的时候，改了开头的 <div>，结果忘了改结尾的 </div>？Auto Rename Tag 让你修改开始标签时，结束标签自动同步修改，改一个等于改一对，省心省力。

<!-- 把 div 改成 section，结束标签自动跟着变 --><divclass="card">内容</div><!-- 修改后自动同步 ✨ --><sectionclass="card">内容</section>

📋 小结 & 动手练习

今天推荐的 5 款插件：

🔹 Prettier — 自动格式化代码🔹 Error Lens — 错误信息行内显示🔹 Code Runner — 一键运行多种语言🔹 GitLens — Git 历史一目了然🔹 Auto Rename Tag — 标签同步重命名

✏️ 动手练习

打开 VS Code → 左侧点击「扩展」图标（或按 Ctrl+Shift+X）→ 搜索上面 5 个插件名 → 逐个安装 → 用一个小项目体验一下效果！