VS Code · Extension Overview

VS Code 扩展总览

本机已安装清单 · 下载量 Top 50 · 个性化推荐

生成时间：2026-07-10 适用对象：PHP / 小程序 / HTML·JS·CSS 开发者

本地安装✅ 已安装　⬜ 未安装

适用性（PHP / 小程序 / HTML·JS·CSS）🟢 高度适用　🟡 部分适用　⚪ 关联不大

推荐优先级🔴 强烈推荐　🟠 推荐　🟢 推荐　🟡 可选

01 / Installed

本机已安装扩展清单

排序方式：与 VS Code 左侧「扩展」侧边栏一致（中文显示名称排前，其余按字母升序）。名称均采用侧边栏实际显示的名称（displayName）。

序号	扩展 ID	名称（侧边栏显示）	版本	作用说明
1	baiducomate.comate	文心快码 Baidu Comate	4.8.0	百度推出的 AI 编程助手，支持代码自动补全与对话（Chat），覆盖 Java、Go、JS、Python 等多种语言。
2	ms-ceintl.vscode-language-pack-zh-hans	Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code	1.128.2026070703	VS Code 的简体中文界面本地化语言包。
3	saoudrizwan.claude-dev	Cline	4.0.6	集成在 IDE 中的自主式 AI 编程代理，可在你的授权下创建/编辑文件、执行命令、操作浏览器等。
4	davidanson.vscode-markdownlint	markdownlint	0.61.2	Markdown 语法检查与风格校验工具，帮助编写规范、格式一致的 Markdown 文档。
5	ms-edgedevtools.vscode-edge-devtools	Microsoft Edge Tools for VS Code	2.1.10	在 VS Code 内集成 Edge 开发者工具，可查看运行时 HTML 结构、调整布局、修复样式问题，并查看网络请求。
6	ms-python.vscode-pylance	Pylance	2026.2.1	高性能、功能丰富的 Python 语言服务器，提供智能补全、类型检查、跳转定义等。
7	ms-python.python	Python	2026.4.0	Python 语言核心支持，提供 IntelliSense、调试、代码检查、格式化、重构、单元测试等能力（依赖 Pylance 与 Debugpy）。
8	ms-python.debugpy	Python Debugger	2026.6.0	基于 debugpy 的官方 Python 调试器，支持断点、单步执行、变量查看等调试功能。
9	ms-python.vscode-python-envs	Python Environments	1.36.0	统一管理 Python 运行环境（虚拟环境、conda、系统解释器等），方便切换。
10	ms-vscode-remote.remote-ssh	Remote - SSH	0.124.0	通过 SSH 连接到远程服务器，在本地 VS Code 中直接编辑、运行、调试远程机器上的代码。
11	ms-vscode-remote.remote-ssh-edit	Remote - SSH: Editing Configuration Files	0.87.0	辅助编辑 SSH 配置文件（如 `~/.ssh/config`），配合 Remote - SSH 使用。
12	ms-vscode.remote-explorer	Remote Explorer	0.5.0	提供远程资源管理视图，用于浏览已配置的远程主机与开发隧道（Dev Tunnels）。
13	aswinkumar863.smarty-template-support	Smarty Template Support	2.1.1	提供 Smarty 模板引擎（PHP 常用）的语法高亮、代码格式化、折叠、代码片段等功能。
14	tencent-cloud.coding-copilot	Tencent Cloud CodeBuddy	4.9.32015789	腾讯云推出的 AI 编程助手，提供代码补全、技术对话等智能编码能力。
15	qiu8310.minapp-vscode	WXML - Language Service	2.4.14	微信小程序开发支持，提供 WXML 语言服务（语法高亮、补全、校验等）。
16	esbenp.prettier-vscode	Prettier - Code formatter	12.4.0	统一 JS/TS/CSS/HTML/JSON 代码风格格式化；配合全局 `prettier-plugin-css-order` 插件实现 CSS 属性按分组排序（详见文末「四、本机 Prettier 个性化配置备忘」）。
17	css-format-one-line.css-format-one-line	css-format-one-line	1.2.0	将 CSS 压缩/展开：提供「格式化CSS为单行」（移除换行/空格/注释，便于上线压缩）与「格式化CSS为多行」两个命令，配合 Prettier 分组排序构成你的 CSS「排序→压缩」两步流（详见文末「五、本机 CSS 压缩扩展备忘」）。

已安装扩展分类小结

AI 编程助手：文心快码 Baidu Comate、Cline、Tencent Cloud CodeBuddy
Python 开发：Python、Pylance、Python Debugger、Python Environments
远程开发：Remote - SSH、Remote - SSH: Editing、Remote Explorer
前端 / Web / 格式化：Microsoft Edge Tools、markdownlint、WXML（微信小程序）、Prettier（代码格式化）、css-format-one-line（CSS 单行压缩）
模板 / 语言包：Smarty Template Support、简体中文语言包

02 / Top 50

VS Code 下载量最高的扩展 Top 50

数据说明：排名基于 Visual Studio Code Marketplace 历史累计下载量（单位约「百万次 / M」），为近似值，会随时间浮动。

序号	扩展 ID	扩展名称	下载量(约)	本地安装	适用性	作用说明
1	ms-python.python	Python	250M+	✅	⚪	官方 Python 核心支持（你已装，但 PHP 开发关联不大）。
2	esbenp.prettier-vscode	Prettier - Code formatter	50M+	✅	🟢	统一 JS/TS/CSS/HTML/JSON 风格，PHP 项目里的前端资源同样受益（本机已装，并配置 CSS 分组排序）。
3	github.copilot	GitHub Copilot	50M+	⬜	🟢	AI 结对编程，对 PHP/JS/CSS 等都能生成与补全代码。
4	ms-vscode.cpptools	C/C++	45M+	⬜	⚪	C/C++ 支持，与 PHP 前端工作关联不大。
5	dbaeumer.vscode-eslint	ESLint	45M+	⬜	🟢	JS/TS 语法与规范检查，写页面 JS 必备。
6	ritwickdey.LiveServer	Live Server	40M+	⬜	🟢	本地热重载服务器，调试 HTML/JS/CSS 与小程序 webview 页面很方便。
7	ms-azuretools.vscode-docker	Docker	35M+	⬜	🟡	若用容器部署 PHP 应用则适用。
8	eamodio.gitlens	GitLens — Git supercharged	35M+	⬜	🟢	增强 Git，任何项目版本管理都受益。
9	vscjava.vscode-java-pack	Extension Pack for Java	30M+	⬜	⚪	Java 全家桶，与 PHP 工作无关。
10	ms-ceintl.vscode-language-pack-zh-hans	Chinese (Simplified) Language Pack	30M+	✅	🟢	简体中文界面（通用，已安装）。
11	ms-dotnettools.csharp	C#	30M+	⬜	⚪	C# 支持，无关。
12	golang.go	Go	25M+	⬜	⚪	Go 支持，无关。
13	visualstudioexptteam.vscodeintellicode	Visual Studio IntelliCode	20M+	⬜	🟢	AI 辅助编码，跨语言适用。
14	ms-vscode-remote.remote-ssh	Remote - SSH	20M+	✅	🟢	SSH 连接远程服务器开发/部署 PHP，已安装。
15	vscjava.vscode-java-debug	Debugger for Java	20M+	⬜	⚪	Java 调试，无关。
16	ms-python.vscode-pylance	Pylance	20M+	✅	⚪	Python 语言服务（已装，PHP 无关）。
17	ms-vscode-remote.remote-wsl	Remote - WSL	15M+	⬜	🟡	Windows 下用 WSL 开发时适用。
18	ms-vscode.powershell	PowerShell	15M+	⬜	🟡	Windows 脚本编写，按需。
19	christian-kohler.path-intellisense	Path Intellisense	15M+	⬜	🟢	PHP `include/require` 等文件路径自动补全。
20	formulahendry.auto-rename-tag	Auto Rename Tag	15M+	⬜	🟢	改 HTML/XML 标签同步开始与结束，写模板页常用。
21	aaron-bond.better-comments	Better Comments	15M+	⬜	🟢	分类高亮注释，所有代码通用。
22	vscode-icons-team.vscode-icons	vscode-icons	15M+	⬜	🟢	图标主题，浏览项目更直观（通用）。
23	ms-python.debugpy	Python Debugger	15M+	✅	⚪	Python 调试（已装，PHP 无关）。
24	streetsidesoftware.code-spell-checker	Code Spell Checker	15M+	⬜	🟢	检查变量/注释英文拼写，减少低级错误。
25	formulahendry.auto-close-tag	Auto Close Tag	12M+	⬜	🟢	输入开始标签自动补结束标签，写 HTML 省心。
26	yzhang.markdown-all-in-one	Markdown All in One	10M+	⬜	🟡	写项目文档/README 时适用。
27	mhutchie.git-graph	Git Graph	10M+	⬜	🟢	图形化查看提交历史，版本管理好帮手。
28	redhat.java	Language Support for Java(TM)	10M+	⬜	⚪	Java 语言服务，无关。
29	ms-vscode.live-share	Live Share	10M+	⬜	🟡	多人协作调试，按需。
30	gruntfuggly.todo-tree	Todo Tree	10M+	⬜	🟢	汇聚 TODO/FIXME 标记，跟进待办。
31	redhat.vscode-yaml	YAML	10M+	⬜	🟡	编辑配置文件（如 CI/Docker Compose）适用。
32	vmware.vscode-spring-boot	Spring Boot Extension Pack	9M+	⬜	⚪	Spring Boot，无关。
33	ecmel.vscode-html-css	HTML CSS Support	9M+	⬜	🟢	HTML 内 CSS 类名/ID 补全，前端页开发实用。
34	humao.rest-client	REST Client	9M+	⬜	🟢	在编辑器内请求 PHP 后端 API 并看响应。
35	rangav.vscode-thunder-client	Thunder Client	8M+	⬜	🟢	图形化 REST 客户端，调试接口方便。
36	sonarsource.sonarlint-vscode	SonarLint	8M+	⬜	🟢	实时检测代码质量与漏洞（含部分 PHP 规则）。
37	ms-kubernetes-tools.vscode-kubernetes-tools	Kubernetes	8M+	⬜	🟡	K8s 部署场景按需。
38	msjsdiag.debugger-for-chrome	Debugger for Chrome	8M+	⬜	🟢	调试页面中的 JS（前端联调）。
39	xadillax.vim	Vim	7M+	⬜	🟡	Vim 键位偏好，按需。
40	christian-kohler.npm-intellisense	npm Intellisense	7M+	⬜	🟢	JS 依赖名补全，前端项目适用。
41	naumovs.color-highlight	Color Highlight	7M+	⬜	🟢	CSS 颜色值以色块显示，写样式直观。
42	shd101wyy.markdown-preview-enhanced	Markdown Preview Enhanced	6M+	⬜	🟡	增强 Markdown 预览/导出，写文档用。
43	pflannery.vscode-versionlens	Version Lens	6M+	⬜	🟢	`package.json` 中提示依赖最新版本。
44	donjayamanne.githistory	Git History	6M+	⬜	🟢	查看文件/行级提交历史与差异。
45	coenraads.bracket-pair-colorizer-2	Bracket Pair Colorizer 2	6M+	⬜	🟢	括号配色（已归档，可用内置或 Rainbow Brackets 替代）。
46	2gua.rainbow-brackets	Rainbow Brackets	5M+	⬜	🟢	彩虹色标记嵌套括号，提升可读性。
47	ms-python.vscode-python-envs	Python Environments	5M+	✅	⚪	Python 环境管理（已装，PHP 无关）。
48	shan.code-settings-sync	Settings Sync	5M+	⬜	🟢	多机同步设置/键位/扩展（通用）。
49	firefox-devtools.vscode-firefox-debug	Debugger for Firefox	4M+	⬜	🟢	调试 Firefox 中的 JS。
50	ms-vscode.azure-account	Azure Account	4M+	⬜	🟡	Azure 账号基础，云部署按需。

Top 50 安装对比小结

本机已安装且进入 Top 50 的扩展（共 7 个）：Python、Pylance、Python Debugger、Python Environments、简体中文语言包、Remote - SSH、Prettier - Code formatter。
本机已安装但未进入 Top 50 的扩展：文心快码 Baidu Comate、Cline、Tencent Cloud CodeBuddy、markdownlint、Microsoft Edge Tools、WXML - Language Service、Smarty Template Support、Remote - SSH: Editing、Remote Explorer、css-format-one-line（CSS 单行压缩）。

03 / Recommended

针对你的工作额外推荐

以下扩展未进入 Top 50 下载榜、也尚未安装，但对你日常的 PHP 与小程序开发很值得考虑。

推荐优先级	扩展 ID	扩展名称	适用方向	作用说明
🔴 强烈推荐	bmewburn.vscode-intelephense	PHP Intelephense	PHP	PHP 代码智能核心：补全、跳转定义、查找引用、重构、符号搜索。PHP 开发几乎必备（免费版已很强，Pro 版更强）。
🔴 强烈推荐	xdebug.php-debug	PHP Debug	PHP	集成 Xdebug，对 PHP 后端做断点、单步、变量查看，定位逻辑问题。
🟠 推荐	wongjn.php-sniffer	PHP Sniffer & Beautifier	PHP	基于 PHP_CodeSniffer / php-cs-fixer 的规范检查与一键格式化，统一团队代码风格。
🟠 推荐	kokororin.vscode-phpfmt	phpfmt	PHP	一键格式化 PHP 代码，轻量易用。
🟢 推荐	stylelint.vscode-stylelint	Stylelint	CSS	CSS/SCSS 代码质量与风格检查，你大量写 CSS 时很有用（与 ESLint 互补）。
🟢 推荐	pranaygp.vscode-css-peek	CSS Peek	HTML/PHP 模板	在 HTML/PHP 模板中 Ctrl+点击 class 直接跳到对应 CSS 定义，模板页开发神器。
🟢 推荐	Zignd.html-css-class-completion	IntelliSense for CSS class names	HTML/PHP 模板	在 HTML/PHP 中补全项目内已有的 CSS class 名，避免拼错。
🟢 推荐	EditorConfig.EditorConfig	EditorConfig	通用	统一团队缩进/换行/编码风格，跨编辑器一致。
🟢 推荐	usernamehw.errorlens	Error Lens	通用	把错误/警告直接显示在代码行尾，无需悬停即可看到。
🟡 可选	neilbrayfield.php-docblocker	PHP DocBlocker	PHP	快速生成 PHP 函数/类的文档注释块。
🟡 可选	whatwedo.twig	Twig	PHP 模板	若你的 PHP 项目使用 Twig 模板引擎，提供语法高亮与补全（你已装 Smarty 模板支持，若用 Smarty 则无需）。
🟡 可选	coderfee.vscode-wxml	WXML Language	小程序	更完整的 WXML 语言服务，可作为你已装 WXML 服务的补充，提升小程序开发体验。

说明：标记为「强烈推荐 / 推荐」的多为 PHP 核心工具链（Intelephense、Xdebug、代码规范）与前端提效工具（Stylelint、CSS Peek、class 补全），与你的主要工作高度契合，建议优先安装。

04 / Notes

本机 Prettier 个性化配置备忘

仅作个人配置记录，不属于扩展默认功能。

CSS 属性按 concentric-css 分组排序（全局生效）：通过全局安装的 prettier-plugin-css-order 插件实现，排序规则为 cssDeclarationSorterOrder: "concentric-css"（position → display → 盒模型 → 背景 → 文字…）。配置文件位于 C:\Users\Ben\.prettierrc，由 settings.json 的 prettier.configPath 指向它，对本机所有项目的 CSS 自动生效。
保存即格式化已关闭：editor.formatOnSave 设为 false，避免 Smarty 等模板保存时报错打断；需要时手动 Shift+Alt+F 格式化即可。
Prettier 走全局安装：prettier.prettierPath 指向 C:\Users\Ben\AppData\Roaming\npm\node_modules\prettier，未在本机 PHP 项目中塞入 node_modules。

05 / Notes

本机 CSS 压缩扩展备忘

仅作个人配置记录，不属于扩展默认功能。

扩展：css-format-one-line（ID css-format-one-line.css-format-one-line，v1.2.0）：已安装并实测可用，能把 CSS 压成单行（移除换行/多余空格/注释），用于上线压缩。
触发命令（命令面板 Ctrl+Shift+P）：
· 格式化CSS为单行（extension.cssFormatSingleLine）→ 压缩成一行；
· 格式化CSS为多行（extension.cssFormatMultipleLine）→ 展开成多行。
默认快捷键（安装后自动占用，需注意）：
· Ctrl+J → 格式化 CSS 为单行；
· Ctrl+I → 格式化 CSS 为多行。
与 Prettier 的两步流：
1. 先用 Prettier（Shift+Alt+F）按 concentric-css 分组排序，得到可读的多行 CSS；
2. 再用本扩展「格式化CSS为单行」压成单行用于上线。
注意：建议不要把 css-format-one-line 设成 CSS 默认格式化器（保持 Prettier 为默认），仅通过命令/快捷键手动调用，避免二者抢默认格式化器。

⚠️ 冲突提醒：Ctrl+I 在 VS Code 默认是「显示悬停（Show Hover）」，被该扩展覆盖后，原来悬停提示会失效。若仍想保留悬停，可在「键盘快捷方式」里把 extension.cssFormatMultipleLine 的绑定删掉或改键；单行压缩用 Ctrl+J 不受影响。