🐸 青蛙编程网
首页 / 开发工具 / VSCode / 5. 插件

插件:给编辑器装能力

这是什么:插件(扩展,Extension)= 别人写好的功能包,一键装进 VSCode:语言支持、主题美化、效率工具……插件市场里数万款任选。

为什么用:VSCode 本体只是「毛坯房」,插件是装修。装上 Python 插件,第 4 章的补全和 F2 重命名才真正强大;装上 Live Server,HTML 教程的页面能保存即刷新。

如何用:点活动栏的扩展图标(四个方块),搜名字、点安装。本章给出必装清单并教会你管理插件。

扩展面板怎么用

点活动栏的扩展图标(或 Ctrl+Shift+X),顶部搜索框输入名字:

[ 搜索框:python ]
─────────────────
⬇ Python          Microsoft    ← 点「安装」
   Python 语言支持,含 IntelliSense
   Pylance         Microsoft
   高性能语言服务(装 Python 后会提示配套装)
操作 做法
安装 点进入详情 → 安装
禁用 已装列表 → 齿轮 → 禁用(不删,暂关)
卸载 齿轮 → 卸载
查已装 扩展面板搜 @installed

必装清单(按学习路线装)

不用一次装完,学到哪个栈装哪个:

插件 作者 什么时候装 干什么
Chinese (Simplified) Microsoft 第 2 章已装 中文界面
Python Microsoft 学 Python 时 补全、调试、运行——Python 课必备
Pylance Microsoft 装 Python 后 高性能语言服务,补全质量飞跃(Python 插件会提示)
Live Server Ritwick Dey 学 HTML/CSS 时 右键「Open with Live Server」,保存即刷新浏览器
indent-rainbow oderik 随时 缩进层级彩虹着色,Python 新手救星

进阶再装:Prettier(前端格式化,配合第 4 章的 Format On Save)、GitLens(Git 教程进阶,看每行代码是谁写的)、Error Lens(报错直接显示在行内)。

安装后验证:以 Python 为例

装完 Python 插件不是终点,要验证生效:

  1. 打开一个 .py 文件,输入 prin 看是否弹出带说明的补全——有,说明语言服务在工作
  2. Ctrl+Shift+P 搜 Python: Select Interpreter,选择你装 Python 的那个解释器(虚拟环境建的 venv 也会出现在这里,选它)
  3. 右下角状态栏显示 Python 版本号——它是全局提示:当前文件用的是哪个解释器

装了插件没选解释器是 Python 新手第一大坑:编辑器用的是系统 Python 而不是 venv 里的,包全对不上。

插件排雷三原则

  1. 认准作者:优先 Microsoft 官方和高下载量插件,山寨插件有安全风险
  2. 宁缺毋滥:装几十个插件会拖慢启动、快捷键互相打架;用不上的就禁用
  3. 出问题先禁插件:编辑器行为诡异(补全失灵、卡顿)时,二分法禁用插件定位肇事者,比重装 VSCode 快得多

记忆口诀:四个方块进市场,认准官方大流量;装完还要选解释器,宁缺毋滥不迷航。

❓ 常见问题

Q1:市场搜不到某个插件 / 安装失败报网络错误?

网络到插件市场(微软 CDN)不稳。修复三步:① 重试;② 设置里搜 proxy 检查代理配置;③ 用插件官网给的 VSIX 文件离线安装:扩展面板右上角 ··· → 从 VSIX 安装。

Q2:装了 Python 插件,运行还是报「python 不是内部命令」?

插件负责「编辑与调试」,命令行里的 python 命令依赖系统安装与 PATH——两回事。修复:确认 Python 本体装好且 PATH 正确(Python 教程第 2 节);或统一用 VSCode 里的 ▶ 按钮/调试功能运行。

Q3:VSCode 启动越来越慢?

十有八九是插件装太多。修复:Ctrl+Shift+X 把不用的逐个禁用(不用卸载,随用随开),重启对比速度。

📝 本章小结

  • 扩展面板 Ctrl+Shift+X:搜 → 装;@installed 看已装
  • 清单:中文包、Python + Pylance、Live Server,学到哪装到哪
  • Python 插件装完必须 Select Interpreter(选 venv),否则包对不上
  • 排雷:认准官方作者、宁缺毋滥、出事先禁插件

动手改

  1. 装 Python + Pylance 插件,给 hello.py 选好解释器,看状态栏的版本号
  2. 装 indent-rainbow,打开一段缩进代码看彩虹
  3. 用 @installed 数数你装了几个插件,把一周没用过的禁用掉

上一章:编辑进阶 · 下一章:终端与调试 🐸

📥 下载本章代码

ZIP 内含本章全部代码文件与说明,解压即用,与教程内容同步生成。