如何安装两个VS代码？

Question

我是全栈开发者(PHP JS)。

我想要一个后端VS代码和一个前端VS代码。

我在教程中看到了一个绿色的VS代码，但我不知道如何将两个VS代码安装在一起。

Answer 1

您可以拥有任意数量的VS代码的可移植实例。只需从下载https://code.visualstudio.com/docs/editor/portable，然后提取并放在某个文件夹中。

为了方便访问，您可以创建“代码”链接。exe”，并将其固定到任务栏。

你也可以按照《https://stackoverflow.com/a/68816831/6339469》中的说明，让每一个图标都有不同的颜色和主题

Answer 2

您不需要安装多个VS代码副本。

你只需要使用VS代码的“工作空间”:

Visual Studio代码“工作区”是在VS代码窗口(实例)中打开的一个或多个文件夹的集合。< br >...

工作空间的概念使VS代码能够：

• 配置仅适用于一个或多个特定文件夹而不应用于其他文件夹的设置。
• 保留仅在该工作区的上下文中有效的任务和调试器启动配置。
• 存储和还原与该工作区关联的 UI 状态（例如，打开的文件）。
• 有选择地仅为该工作区启用或禁用扩展。

如果您来自其他IDE，“工作区”与“项目”或“解决方案”相同。

您只需设置2个工作区：

• 前端代码/项目的1个工作区
• 后端代码/项目的1个工作区

然后，只需为每个工作区打开2个窗口：

从菜单中选择菜单文件→新窗口，然后在新窗口中打开另一个文件夹。

这样做的好处是，它允许在前端和后端工作区之间共享扩展、键盘快捷键和其他设置。例如，您有Git相关的扩展和设置。通过2次安装，每次发生变化时，您都必须跟踪和同步这些常用设置。只需1个安装工作区，即可共享设置。

如果您担心后端和前端有不同的扩展，请在这里查看我的答案：为不同的编程语言使用不同的扩展来分离Visual Studio代码工作区。VS代码也支持这一点。例如，仅为后端工作区启用PHP linter扩展，仅为前端工作区启用JS linter扩展。

关于使用VS代码的另一个答案是Insiders可以工作，但是Insiders版本并不是用来做这个的。它主要用于在VS代码发布到稳定版本之前检查/测试它们的新特性。有些东西可能不工作或丢失(因为它不是“稳定的”构建)。

Answer 3

您的解决方案是< code >工作空间:

你只需要使用VS Code的< code>workspaces，这样就不需要安装两个VS Code了。只需更改< code >工作区即可。您可以为不同的< code >工作区安装不同的插件。

但是

如果您对您提到的绿色图标vscode感到好奇，请阅读我的其余答案。

Visual Studio Code Insiders

vscode有一个beta版本，称为Visual Studio Code In的。

它包括最新功能和错误修复，但新功能可能稳定，也可能不稳定。

它有一个绿色的图标。

您可以使用不同的帐户< code >登录，将其用于前端，并下载您需要的所有插件。

您可以从这里下载：

https://code.visualstudio.com/insiders/

Visual Studio Code 可移植

可移植vscode也是另一种拥有多个vscode的方法。

在此处阅读更多信息 https://code.visualstudio.com/docs/editor/portable

您可以将< code>portable vscode icon的颜色更改为绿粉色或任何您想要的颜色