angular度种子事实上是空的项目开始?

在被确信学习和使用Angular.js之后,我将开始一个具体的Web UI应用程序,以启动体验的学习轮。 (该应用程序将是一种个人计划,做清单,提醒,番茄工艺技术导向,等等…)

Angular的作者所看到的其中一个教程video是关于最佳实践的。 最好的做法之一是从angular-seed项目开始。

这就是我要做的事情,但是经过一番search之后,至less有两个其他项目声称是一个好的起点:

  • angular-enterprise-seed
  • angular-sprout

我是初学者,但我喜欢长期投资。 我应该担心使用angular-seed以外的东西吗? 我现在问自己这个问题还为时过早,但如果已经有两个其他的项目,也许有一些很好的理由。

我发现虽然很多人使用各种种子项目,但angular度应用程序(或任何JavaScript Web应用程序)的最简单和最一致的起点是Yeoman 。

这个应用程序是一个脚手架的工具,允许你指定生成器将build立你的应用程序的核心,完成你想要的任何图书馆(通过凉亭 )和一个工作的咕 build构build文件(大多数发电机来库存build设任务,服务器实时编辑任务和testing任务)

虽然像这样的应用程序是必然的,它生产的脚手架仍然是非常通用的。

例:

 mkdir my-app cd my-app npm install generator-angular npm install generator-karma yo angular 

他们都有不同的优点,所以这取决于你想要做什么。 我写了有angular度的企业种子 ,可以谈论它的相对优点。

  1. 这是服务器不可知的。 这是非常重要的,因为AngularJS的一个核心原则,也是很多吸引人的东西之一,它遵循客户MVC模式。 这意味着它完全与任何和所有服务器技术分离。 许多现有的种子将AngularJS与服务器技术(如angular豆芽 (NodeJS)或烤羊肉 (Google App Engine / Java))联系起来。 在上述项目的情况下,如果NodeJS和/或Java环境还没有在您的系统上,那么您将不得不经历几个环节才能看到种子出现。 这可能会让PHP和Python开发人员疏远,从而限制了项目的社区。

  2. 在几秒钟内启动并运行。 因为它是与服务器无关的,所以它可以在任何容器中运行(对于这个问题,就是文件系统)。 build议的方法是从根目录运行“python -m SimpleHTTPServer” – 这在Mac和Linux上是原生的,所以没有额外的步骤。

  3. 实时预览。 检查项目的状态很便宜,因为活动版本总是托pipe在github上 。 因为它是服务器不可知的,所以通过将master复制到cron作业的gh-pages分支来自动完成。

  4. 丰富的造型。 它包括Twitter Bootstrap和自定义/可创build的LESS,以及Angular-UI,Angular-NG,字体和其他无数工具,以提供丰富的样式和响应能力。

  5. 窗口小部件。 像Angular-Seed和Angular-Sprout一样,Angular-Enterprise-Seed体现了“最佳实践”的布局,布线等。但是它也提供了一系列预置组件,可以从架子上取出并立即重用。 这有点难,因为它可能需要几种技术的融合。 例如,要创build网格示例,我将angular-ui,angular-ng,angular-js和jquery样式组合在一起。 有模块,分页,警报,网格等组件的例子。

如果你想了解这些作品是如何运作的,那么angular度种子就是一个很好的学术练习,但是它会让你渴望更大的跳跃点。

我没有使用angular豆芽,所以我不能说它的优点。 也许还有一些空间可以合并angular豆芽和angular豆 – 企业种子?

我认识到这是一个较老的问题,但似乎有相当多的观点,所以推荐最近已经成为Yeoman和angular色种子( ng-boilerplate)的非常受欢迎的替代品是合理的。 ng-boilerplate与angular-seed的不同之处在于它是为大型生产web应用而devise的,因此在我看来这是一个比angular-seed更好的解决scheme。

为了解释Yeoman和ng-boilerplate应用程序启动方法之间的差异,我将引用ngbp的创build者Josh D. Miller :

Yeoman真棒。 但是我对AngularJS的生成器的问题是,它们是按层而不是按function打包的。 如果我们将所有控制器存储在“控制器”文件夹中,并将所有服务存储在“服务”文件夹等中,并将所有testing存储在其他地方,那么重新使用我们的组件可能会非常困难。

这也是 Josh在Yeomanangular度发生器问题论坛上的非常好的讨论 ,关于ng-boilerplate与yeoman的设置更深入。

要清楚,Yeoman不是一个发电机。 Yeoman是制作发电机的格式/系统。 有几个使用Yeoman制作的发电机,您可以使用它来生成AngularJS应用程序。 人们往往错误地将他们中的一个称为Yeoman生成器。 但是有很多。 困惑了吗? Yeoman不是唯一的发电机制造系统。 早午餐是另一个。

为了回答你的问题,下面是许多AngularJS生成器的一个非常全面的比较,可以使用AngularJS生成器开始制作一个Web应用程序与AngularJS。 目前,它包含了这200多个不同的方面。 其中之一是文件组织风格。 所以你可以很容易地看到哪些function按照function来组织文件,如果这对你很重要的话。 这是对我的。

还有几个还有待添加。 在这个线程中提到的两个对我来说是新的。 但是这个比较应该给你一个关于选项和它们如何比较的好主意。 它也是可编辑的,所以如果你们中的任何一个都是这些东西的专家,请随时分享你所知道的东西。

上帝只知道为什么人们越来越多地做这些事情,而不是帮助改进现有的事情。 如果你有任何猜测,我希望能解决这个谜团。

编辑:获得访问文档我问你要么完成问卷调查分享你的知识或游说专家这样做。

去这里做一个问卷调查: http : //www.dancancro.com/technology-questionnaires/

我也喜欢使用Yeoman。 试试这些来获得一个好的脚手架:

 npm install -g generator-angular # install generator yo angular # scaffold out a AngularJS project bower install angular-ui # install a dependency for your project from Bower grunt test # test your app grunt server # preview your app grunt # build the application for deployment