做响应式网站公司北京商城网站开发公司
vscode不同项目不同语言扩展插件隔离方案
- 1. 背景
- 2. vscode 扩展插件隔离方案
- 2.1 code-profile 配置文件
- 2.2 配合extensions.json
1. 背景
最近打开vscode 发现越来越卡，这是一个轻量级代码编辑器，怎么会如此占用内存呢？
我使用了‘code --list-extensions’命令，发现我的电脑中已经安装了五六十个扩展插件。
code --list-extensions
让这个轻量级的“选手”变成了一个臃肿的胖子。并且很多插件之间互相干涉，导致“小巧”的vs code 变成了“臃肿”的“Visual Studio”code,这让我大为所经。常年月累，安装了太多太多的插件，但是这个插件又不是在所有的项目中都需要，我就在想：有没有一个很好的方案，让我在每个项目中使用指定的插件，而不是启动所有的插件。
2. vscode 扩展插件隔离方案
我在网上找了很多方法，都无法有效的解决这个问题。广大网友的方案都是用’workspace’ 工作区隔离。我就尝试了使用.code-workspace来实现隔离方案，但是我发现，通过.code-workspace.json，只能推荐使用某些插件，无法屏蔽禁用不需要的插件，那怎么办呢？
2.1 code-profile 配置文件
先来看看工作区域配置文件的差异吧
| 维度 | 工作区（Workspace） | Profile |
|---|---|---|
| 配置层级 | 项目级（基于 .code-workspace 文件） | 环境级（全局或用户级，包含插件/设置/快捷键等） |
| 核心功能 | 管理多个项目文件夹的编辑器配置（如代码规范、任务） | 完全隔离的独立开发环境（插件、UI 主题、代码片段） |
| 插件管理 | 共享全局插件，仅可推荐安装（.extensions.json） | 独立插件列表，不同 Profile 的插件完全隔离 |
| 适用场景 | 多项目协作（如前端+后端联调） | 多技术栈开发（如 Python + C++ 并行） |
| 同步与迁移 | 通过 Git 共享 .vscode 目录 | 支持导出 .code-profile 文件或 GitHub Gist |
创建一个新的code-profile,可以给你一个新的vscode，这不就是“小巧”的vscode回归吗？
看看效果：
默认50+插件的界面，界面杂乱无序，启动和运行卡顿
新的profile 配置，发现是一个很干净的环境，如“白月光”一样的新vscode,这样就很“轻巧”了。
2.2 配合extensions.json
我们得到了一个新的vscode 配置，但是安装接插件又很麻烦，需要一个一个去安装，这样太复杂了。
这样就引入了extensions.json，将所有需要安装的接插件写入这个json中
{"recommendations": ["yzhang.markdown-all-in-one","ms-dotnettools.csharp","ms-dotnettools.vscode-dotnet-runtime","adamanand.adamstool"]
}
然后启动vscode就会弹出推荐安装
如果没有提示，就执行命令板Ctrl+Shift+P Extensions: Install Recommended Extensions
然后我们就可以在插件市场看到在extensions.json 配置的插件，没有其他插件干扰，点击安装就可以
这样就实现了在不同的项目中 ，通过code-profile+extensions.json实现插件隔离，还你一个“小而美”的轻量级IDE。
我觉得这种方法比code-workspace更好的地方在于，不同的项目使用不同的开发语言，冲根本上实现了隔离，让IDE保持清爽的界面，让我们更愉快的开发代码。