AngularJS风格指南 – Todd Motto vs John Papa vs Minko Gechev

我对Angular很新,我想从一开始就学习好的做法。 我遇到过三个Angular风格的指南 ,他们都很棒。 我想知道哪一个最适合我采用,但是我没有资格成为评委,因为我对大型Angular应用程序没有经验。

那么哪一个是最好的? 或者即使不是更好,那么在开发过程中更直观/更less的问题呢? 也许你们中的一些人都有经验,可以指出他们的优点和缺点?

链接:

  • 托德座右铭: https : //github.com/toddmotto/angularjs-styleguide
  • 约翰爸爸的: https : //github.com/johnpapa/angularjs-styleguide
  • Minko Gechev的: https : //github.com/mgechev/angularjs-style-guide

我已经通过了格言和爸爸的指南,90%的时间他们同意指导和使用。 座右铭短而易于遵循,爸爸是漫长的,但几乎涵盖了一切。 我认为你最好先从他们中的任何一个(最好是较短的一个)开始,当你来到新的东西(例如,你可能不会首先执行指令,但在某个时间之后)然后去阅读指令部分。 不要试图从头到尾阅读所有内容,因为这可能会让你感到困惑。 从最需要的人开始,开始编写应用程序。

  • 文件结构(Minko) – 应用程序结构(Papa)
  • IIFE(爸爸)
  • 模块(Motto,Papa) – 模块化(Papa)
  • pipe制员声明和最佳做法(格言,爸爸)
  • 服务宣言和最佳实践(格言,爸爸)
  • 评论(格言,爸爸)
  • 命名(爸爸)

这些应该足以让你开始做Angular的大部分开发工作,然后当你来到angular度的新领域 – 比如说如果你打算构build指令的话 – 那么去阅读这些指南的那一节吧。 否则,你只会花几天的时间阅读和思考导游而不做实际的工作。 除非你使用它,否则你不会看到自己实现某些东西的最佳方式,而且还会看到最佳实践背后的原因。

在2016年7月,只有一个风格指南是真正的最新的AngularJS应用程序准备Angular2的挑战。这就是托德格言的风格指南。 六月份做了大量的返工工作(只需检查提交活动: https : //github.com/toddmotto/angular-styleguide/graphs/commit-activity )

它拥有2016年的所有风格指南,包括:

  • ES2015
  • AngularJS 1.5.x
  • module.component()
  • 单向数据stream
  • 有状态/无状态组件
  • 等等…

此外,请检查这个真棒种子项目,它几乎遵循托德格言的准则中的每一个规则:

https://github.com/AngularClass/NG6-starter

每个人都应该有长远的眼光。 换句话说,从小处着手,但要记住应用程序正在往下走的地方。

John papa根据我提供了最好的文件结构,像YEOMAN这样的许多有用的框架遵循约翰· 帕帕( John Papa)的应用程序结构。

约翰·帕帕的主要特点如下:

  1. 每个文件一个组件可以促进更简单的unit testing和嘲弄。

  2. 每个文件一个组件使得读取,维护和避免与源代码pipe理中的团队冲突变得更加容易。

  3. 每个文件一个组件避免了将文件中的组件共享variables,创build不需要的闭包或不必要的依赖关系耦合时出现的隐藏缺陷。