如何在Visual Studio IDE中打开Visual Studio代码文件夹（项目）

Question

如何在Visual Studio 2015中打开Visual Studio Code文件夹？

如果我将其作为“网站”打开，它会尝试将node_modules目录视为项目的普通JavaScript文件的一部分，并在路径超过最大路径长度时遇到错误。

但我不能像任何其他项目类型那样打开它，除非我首先创建该类型的项目，然后将所有VS Code文件移动到该文件夹​​中。

• 我应该尝试将其作为网站打开吗？
• 或者我应该创建一个新项目，然后将文件+文件夹复制到其中？
• 将它作为一个项目有什么好处吗？
• 如果我确实创建了一个项目，那么很难与刚刚使用VS Code的人一起工作？
• 如果我使用项目，我应该选择哪种项目类型？

Answer 1

目前无法直接使用Visual Studio打开文件夹。

为什么？因为 Visual Studio和Visual Studio Code只共享了它们的名称，而不是它背后的the idea。延伸Jenny O'Reilly的回答：

• Visual Studio Code是一个folder oriented编辑器 这意味着VSC与文件资源管理器具有相同的项目视点。
• Visual Studio（非Code）是一个solution oriented集成开发环境（简称IDE） 相反，Visual Studio中的每个项目都需要一个*.sln解决方案文件作为根组件。从这一点开始，Visual Studio会查看您的项目。例如，如果在项目文件夹中复制文件，则无法从Visual Studio中识别它们。您必须先将它们添加到sln文件中才能看到它们。它还允许开发人员将多个项目（*.csproj，..）组合到一个单独的解决方案中进行构建。

这意味着这两位编辑背后的想法完全不同。

---

Visual Studio（不是代码）Web的项目类型

• 有Node.js Tools for Visual Studio 这将提供Node.js内置项目模板
• Visual Studio 2015附带TypeScript模板

---

Workaround 1

解决方法是使用Blank Solution设置Visual Studio代码项目。

---

Workaround 2

另一个技巧是the answer这个问题。您可以将项目文件夹作为网站项目打开。

文件 - >打开网站 - >文件系统，然后选择文件夹

更新

正如您所提到的，因为Visual Studio会尝试构建解决方案，所以会出现错误。对于这个回复的下几个读者来说，解决这个问题的方法（正如John Pankowicz在评论中写的那样）是：

右键单击解决方案资源管理器中的网站 - >属性页 - >构建 - >取消选中“构建网站作为解决方案的一部分”

---

Update 2

（感谢JC1001的更新）

Visual Studio的下一个版本（Visual Studio“15”）将支持打开文件夹。这在Visual Studio Blog中提到。

与Visual Studio Code一样，将会有一个用于打开文件夹的提示命令。现在您可以在预览版中使用它：

devenv / command“file.openfolder FOLDER_PATH”

将来你可以使用：

devenv FOLDER_PATH

---

意见

我个人不推荐没有服务器端开发的HTML /网站项目的Visual Studio（不是代码），因为我没有看到任何功能。甚至intellisense也向我建议有时候HTML代码不好（这不是IDE的错）。

毕竟所有的Web项目仍然是文本文件。您可以使用Version Control轻松控制这样的组项目。 Visual Studio Code甚至提供了集成的Git support。

Answer 2

最后文件夹视图已经到达VS 2017 :)

你可以在here找到更多细节。

Answer 3

Visual Studio Code不会创建可以在Visual Studio 2015中打开的“项目文件”。基本上，当您在Visual Studio中打开Node网站时，需要在VS2015中重新创建文件夹结构并创建“项目文件” 。

我还没有看到任何更好的方法，但是当我们可以像使用VSCode一样轻松打开文件夹时会很高兴