常用 VS Code 拓展

本文整理了我日常开发中常用的 VS Code 插件,涵盖代码编辑、AI辅助、远程开发、fish等多个方面,并附上快速安装指南。


一、我的常用 VS Code 拓展清单

以下是我目前在 VS Code 中安装的拓展插件,按功能分类整理:

🔧 代码编辑与格式化

插件 ID名称作用
esbenp.prettier-vscodePrettier代码格式化工具,统一代码风格,支持多种语言
dbaeumer.vscode-eslintESLintJavaScript/TypeScript 代码规范检查,自动发现潜在问题
adpyke.codesnapCodeSnap代码截图工具,选中代码即可生成漂亮的分享图片
ritwickdey.liveserverLive Server本地开发服务器,保存文件后自动刷新浏览器预览

🤖 AI 编程助手

插件 ID名称作用
github.copilotGitHub CopilotGitHub 官方 AI 编程助手,根据上下文智能补全代码
github.copilot-chatGitHub Copilot ChatCopilot 的聊天对话功能,可直接提问或解释代码
alibaba-cloud.tongyi-lingma通义灵码阿里推出的 AI 编程助手,支持代码补全、生成、解释和优化
visualstudioexptteam.vscodeintellicodeIntelliCode微软 AI 辅助的智能代码补全,基于代码上下文推荐
visualstudioexptteam.intellicode-api-usage-examplesIntelliCode API Usage ExamplesAI 推荐的 API 使用示例,帮助快速上手新接口

🐍 Python 开发环境

插件 ID名称作用
ms-python.pythonPythonPython 语言核心支持,包含语法高亮、代码片段、Linting 等
ms-python.vscode-pylancePylancePython 语言服务器,提供智能提示、类型检查和自动导入
ms-python.debugpyPython DebuggerPython 调试器,支持断点、单步执行、变量查看
ms-python.vscode-python-envsPython EnvironmentsPython 环境管理,快速切换虚拟环境
ms-toolsai.jupyterJupyterJupyter Notebook 支持,在 VS Code 中直接运行 Notebook
ms-toolsai.jupyter-keymapJupyter KeymapJupyter 快捷键映射
ms-toolsai.jupyter-renderersJupyter RenderersJupyter 输出渲染器,支持图表、表格等富媒体展示
ms-toolsai.vscode-jupyter-cell-tagsJupyter Cell TagsJupyter 单元格标签管理
ms-toolsai.vscode-jupyter-slideshowJupyter Slide Show将 Jupyter Notebook 转换为幻灯片演示

💻 C/C++ 开发环境

插件 ID名称作用
ms-vscode.cpptoolsC/C++C/C++ 语言核心支持,包含 IntelliSense、调试、代码浏览
ms-vscode.cpptools-extension-packC/C++ Extension PackC/C++ 扩展包,一键安装相关工具
ms-vscode.cpptools-themesC/C++ ThemesC/C++ 专属主题
ms-vscode.cmake-toolsCMake ToolsCMake 构建工具,支持配置、生成、编译、调试
twxs.cmakeCMakeCMake 语法高亮和 IntelliSense

☕ Java 开发环境

插件 ID名称作用
redhat.javaLanguage Support for JavaJava 语言支持,基于 Eclipse JDT LS
vscjava.vscode-java-debugJava DebuggerJava 调试器,支持断点、热替换等

🔗 远程开发

插件 ID名称作用
ms-vscode-remote.remote-sshRemote - SSH通过 SSH 连接到远程服务器进行开发
ms-vscode-remote.remote-ssh-editRemote - SSH: EditingSSH 远程文件编辑功能
ms-vscode-remote.remote-wslRemote - WSLWindows Subsystem for Linux 开发支持
ms-vscode.remote-explorerRemote Explorer远程资源管理器,统一管理远程连接

📄 文件预览

插件 ID名称作用
cweijan.vscode-officeOffice Viewer在 VS Code 中预览 Word、Excel、PDF 等 Office 文件
grapecity.gc-excelviewerExcel Viewer在 VS Code 中查看 Excel 文件内容,支持表格渲染

🌐 语言与界面

插件 ID名称作用
ms-ceintl.vscode-language-pack-zh-hans中文语言包VS Code 简体中文界面,适合中文用户

🎮 Fish(工作之余轻松一下)

插件 ID名称作用
c-team.thief-bookThief Bookfish,you know
chenyaoyi888168.hupumoyu-assistant虎扑摸鱼助手在 VS Code 中浏览虎扑

🔷 .NET 开发

插件 ID名称作用
ms-dotnettools.csharpC#C# 语言支持
ms-dotnettools.vscode-dotnet-runtime.NET Runtime.NET 运行时工具

二、如何快速安装这些拓展

方法一:通过 VS Code 扩展面板搜索安装(推荐)

  1. 打开 VS Code,点击左侧活动栏的 扩展图标(四个方块组成的图标,或按 Ctrl+Shift+X
  2. 在搜索框中输入插件名称(如 PrettierPython
  3. 找到对应的插件,点击 安装 按钮
  4. 安装完成后,部分插件需要 重新加载 VS Code 才能生效

方法二:通过命令行批量安装

如果你已经导出了插件清单(如 extensions.txt),可以使用以下命令批量安装:

# 在 PowerShell 或终端中执行
cat extensions.txt | xargs -n 1 code --install-extension

或者使用 PowerShell 脚本:

$extensions = Get-Content extensions.txt
foreach ($ext in $extensions) {
    code --install-extension $ext
}

方法三:通过 .vscode/extensions.json 推荐安装(团队协作)

在项目根目录创建 .vscode/extensions.json 文件:

{
  "recommendations": [
    "esbenp.prettier-vscode",
    "dbaeumer.vscode-eslint",
    "ms-python.python",
    "github.copilot"
  ]
}

团队成员打开项目时,VS Code 会提示安装推荐的插件。


三、Qoder CN 介绍与安装

什么是 Qoder CN?

Qoder CN(或类似名称的 AI 编程助手插件)是一款专为 VS Code 设计的 AI 代码辅助工具。它的核心功能包括:

  • 侧边栏对话:在 VS Code 右侧调出聊天面板,可以随时向 AI 提问、解释代码或生成代码片段
  • 实时代码补全:在编写代码时,AI 会根据上下文自动预测并提示后续代码,按 Tab 键即可快速接受建议
  • 智能提示:基于当前文件和项目结构,提供精准的代码建议,减少重复劳动

如何在 VS Code 中安装 Qoder CN

  1. 打开 VS Code,按 Ctrl+Shift+X 打开扩展面板
  2. 在搜索框中输入 “Qoder CN”“Qoder”
  3. 找到对应的插件,点击 安装
  4. 安装完成后,根据插件提示进行配置(可能需要登录账号或配置 API Key)
  5. 配置完成后,在编辑器中输入代码时,会自动出现灰色提示,按 Tab 即可接受

使用技巧

  • 接受建议:看到灰色提示时,按 Tab 键接受整行或整段建议
  • 部分接受:按 Ctrl + →(右箭头)可以逐个单词接受建议
  • 打开侧边栏:通常可以通过点击右侧活动栏的 Qoder 图标,或使用快捷键(如 Ctrl+Shift+A)调出对话面板
  • 多行补全:在函数定义、循环结构等场景下,Qoder 可以一次性补全整个代码块

四、总结

以上是我常用的 VS Code 拓展清单,涵盖了代码编辑、AI 辅助、多语言开发、远程工作等多个方面。合理配置插件可以大幅提升开发效率,但也要注意避免安装过多插件导致 VS Code 启动变慢。建议根据实际工作需求,按需安装和启用。

如果你有其他好用的插件推荐,欢迎在评论区分享!


附extensions.txt:
adpyke.codesnap
alibaba-cloud.tongyi-lingma
c-team.thief-book
chenyaoyi888168.hupumoyu-assistant
cweijan.vscode-office
dbaeumer.vscode-eslint
esbenp.prettier-vscode
github.copilot
github.copilot-chat
grapecity.gc-excelviewer
ms-ceintl.vscode-language-pack-zh-hans
ms-dotnettools.csharp
ms-dotnettools.vscode-dotnet-runtime
ms-python.debugpy
ms-python.python
ms-python.vscode-pylance
ms-python.vscode-python-envs
ms-toolsai.jupyter
ms-toolsai.jupyter-keymap
ms-toolsai.jupyter-renderers
ms-toolsai.vscode-jupyter-cell-tags
ms-toolsai.vscode-jupyter-slideshow
ms-vscode-remote.remote-ssh
ms-vscode-remote.remote-ssh-edit
ms-vscode-remote.remote-wsl
ms-vscode.cmake-tools
ms-vscode.cpptools
ms-vscode.cpptools-extension-pack
ms-vscode.cpptools-themes
ms-vscode.remote-explorer
redhat.java
ritwickdey.liveserver
twxs.cmake
visualstudioexptteam.intellicode-api-usage-examples
visualstudioexptteam.vscodeintellicode
vscjava.vscode-java-debug

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐