Node.js和Angularjs项目的目录结构

时间:2013-12-05 22:25:37

标签: node.js angularjs

我正在使用angular.js

启动node.js应用程序

我需要设置目录结构,但有点不清楚它应该是什么?

任何想法都会很好。

干杯

3 个答案:

答案 0 :(得分:1)

角度种子项目非常基础。它会很好地工作;但是,其他选项包括yeoman和ng-boilerplate。

安装yeoman和角度js

npm install -g yo   // this will install yeoman, bower, and grunt
npm install -g generator-angular

创建具有文件夹结构的应用程序很简单:

yo angular

然而,还有ng-boilerplate路线:https://github.com/ngbp/ng-boilerplate

Ng-boilerplate按功能组织您的项目(较少,js和模板是单个功能的一部分,都进入一个目录)。由于这个问题,我实际上比ngoman更喜欢ng-boilerplate。

两者都使用bower和grunt ...... Bower是一个依赖管理解决方案,适用于所有软件包,如jquery,bootstrap等。这意味着你不必担心跟踪文件的版本或存储它们,凉亭会出去为你得到它。 Grunt是一种运行测试,构建和预览网站的简单方法。我建议你检查这两个。

答案 1 :(得分:0)

这取决于你正在建设的内容以及它将会变得多么复杂。角度团队提供angular seed project作为基本配置,但大多数人建议按“页面”或“模块”而不是文件类型进行划分。

我建议从angular-seed开始,如果变得笨重,就开始分裂。我通常每个“实体”(服务,指令等)执行一个文件,基于模块的根文件夹(页面中的主要功能组)和子文件夹,当我觉得我需要更多组织时。

答案 2 :(得分:0)

Angular有一整个tutorial section。该教程与Github上提供的示例项目相匹配:https://github.com/angular/angular-phonecat

那里有一个基本但非常合理的目录/文件夹结构。

seed project似乎相似。