我想用Angular 4为MEAN堆栈创建一个文件夹结构 .
我使用Angular 1. *版本处理MEAN堆栈,并且我很喜欢该文件夹结构 . 但是使用Angular 4 - Angular Cli文件夹结构我的模型不起作用 .
我正在计划企业管理面板,因此模块应该是可重用的并且松散耦合 .
我试过一种方法:在Angular组件中保留Client,Server和Test文件夹 . 但是哪个令人不安的角度-cli组件模型 .
使用Angular 4附带的Angular CLI . 它本身生成一个文件夹结构,可以通过松散耦合的组件以模块化方式管理项目 .
检查https://cli.angular.io/
使用前端的角度文件夹结构,并在角度项目的顶部有一个单独的目录用于后端 . 对于节点后端检查适合您的应用程序的流行yeoman发生器 .
http://yeoman.io/generators/
您的申请
Node-api
Angular-app
我建议像这样的文件夹结构 . 但可能会有更好的 . 一些研究可以帮助找到这样的 .
最好是为Node-api和Angular-app维护两个独立的存储库,因为它可以帮助您以更好的方式维护和管理它们 .
我想你应该看看这个答案:Hooking up express.js with Angular CLI in dev environment
基本上,您必须分离服务器和客户端代码,否则您将在每一步都遇到挑战 .
您可以查看我的代码:https://github.com/kubaszumiato/DotNetVideos,其中app文件夹代表服务器,src代表客户端 . 我不是在那里使用Angular CLI .
您应该使用angular-cli来创建angualr 4项目 . 您可以创建两个文件夹Client,Server Client-您可以使用angular-cli Server在此目录下创建项目 - 使用Node js服务器端代码
3 回答
使用Angular 4附带的Angular CLI . 它本身生成一个文件夹结构,可以通过松散耦合的组件以模块化方式管理项目 .
检查https://cli.angular.io/
使用前端的角度文件夹结构,并在角度项目的顶部有一个单独的目录用于后端 . 对于节点后端检查适合您的应用程序的流行yeoman发生器 .
http://yeoman.io/generators/
您的申请
Node-api
Angular-app
我建议像这样的文件夹结构 . 但可能会有更好的 . 一些研究可以帮助找到这样的 .
最好是为Node-api和Angular-app维护两个独立的存储库,因为它可以帮助您以更好的方式维护和管理它们 .
我想你应该看看这个答案:Hooking up express.js with Angular CLI in dev environment
基本上,您必须分离服务器和客户端代码,否则您将在每一步都遇到挑战 .
您可以查看我的代码:https://github.com/kubaszumiato/DotNetVideos,其中app文件夹代表服务器,src代表客户端 . 我不是在那里使用Angular CLI .
您应该使用angular-cli来创建angualr 4项目 . 您可以创建两个文件夹Client,Server Client-您可以使用angular-cli Server在此目录下创建项目 - 使用Node js服务器端代码