Angular和Net核心API项目的解决方案和文件夹结构

时间:2019-03-19 17:51:50

标签: angular .net-core asp.net-core-webapi

我们有一个解决方案,其中包含来自Visual Studio标准模板的Net Core 2.2(API)+ Angular 7项目,该项目将两者结合在一起。

由于加载/调试时的性能问题,我们正在考虑对API和Angular进行拆分,这感觉是否将来在增加客户端的情况下还是个好主意?调试需要花费一分多钟的时间。

因此,假设我们的VS解决方案中有一个API项目以及一些其他类库。然后,我们是否希望仅在文件系统中为angular项目添加一个文件夹,将其保留在Visual Studio之外。还是有办法将其保留在Visual Studio的世界中?
需要注意的是,我们已经开始越来越多地将VS Code用于客户端开发工作,因此并不会束缚于VS。

更进一步,我们是否应该启动单独的存储库,甚至将它们保存在同一文件夹中?

回想一下,我不确定是否有一个完整的答案或它是否是主观的。如果需要转到另一个堆栈中的一个,则没问题。

1 个答案:

答案 0 :(得分:0)

您应该能够只在源目录中手动创建一个文件夹,然后将Angular内容放在那里。然后,在Visual Studio中,在解决方案资源管理器中右键单击您的解决方案,然后选择“添加”>“现有网站...”。最后,选择您创建的文件夹。

现在,让一切都运行起来比较棘手。就个人而言,我建议使用Docker在容器中运行所有内容。您只需要将Dockerfile添加到所有启动项目(包括此Angular网站目录)中。然后,您可以添加一个docker-compose项目,并将每个应用作为服务添加到docker-compose.yml中。这样,您可以选择docker-compose项目进行调试,Visual Studio会将其全部交给Docker for Windows(您显然需要安装),然后将其全部旋转。无论如何,Docker对于开发来说绝对是出色的,所以即使没有这个特殊需求,我也鼓励您开始使用它。