如何将纯Angular应用程序作为项目添加到Visual Studio解决方案中？

Question

我想将Angular应用程序与纯JavaScript / Less / Node文件一起添加到Visual Studio解决方案作为UI层，但是甚至没有创建基本的默认基础架构，即使对于空项目也是如此。 怎么办？

Answer 1

添加（现有）Angular项目的最简单方法，您可以执行以下操作：

1. 创建一个空白解决方案。
2. 在VS2019中打开解决方案
3. 右键单击解决方案
4. 点击添加
5. 点击现有网站
6. 浏览到现有角度项目的路径，然后选择文件夹。

我希望这会有所帮助。

Answer 2

我希望这被认为是从Angular文件夹设置项目的一部分！

Fabio，如果您在Windows资源管理器中找到node_modules文件夹，请右键单击它，然后选择“属性”。然后在“ hidden”属性上打勾，并仅针对该文件夹说，这样它就不会遍历整个文件夹！ 然后，因为它是隐藏的，Visual Studio不会加载它，搜索将再次变得神奇！ 该文件夹仍然存在，因此不会断开任何链接，只是看不到它。

Answer 3

我使用ng new命令在VS2019之外创建了一个Angular项目， 然后我可以通过以下方式将角形项目添加到VS2910现有解决方案中： 1.右键单击VS2019中的解决方案，选择添加现有网站，然后选择包含此Angular prj所有文件和子文件夹的文件夹， 现在，您可以在VS2019中看到新添加的Angular项目以及现有的其他projs。

Answer 4

打开VS

档案 - ＆gt;新项目 - ＆gt;其他项目类型 - ＆gt; Visual Studio解决方案---＆gt;选择空白解决方案

将您的资料复制到解决方案中。

Answer 5

对于Visual Studio 2017和Angular 5，对我来说是下一个方法：

1. 添加新项目：使用TypeScript的HTML应用程序
2. 从这个漂亮的7分钟教程中重复几乎相同的步骤：Angular 5 with ASP.NET MVC, Web API in Visual Studio 2017。唯一的区别是 - 复制整个 index.html 文件并删除不必要的app.ts和app.css文件。