Javascript Angular2/TypeScript的编码标准

Javascript Angular2/TypeScript的编码标准,javascript,typescript,angular,Javascript,Typescript,Angular,我想知道,对于如何用TypeScript编写可重用的Angular2代码,是否至少有一些社区共识。我试图在Angular2的背景下总结我的发现和我想知道的 模块/应用程序目录结构和文件名 在中,我看到他们将所有代码放入app目录,所有依赖项(如node\u modules或typing)都位于父目录中 小写文件名,.component.ts后缀表示组件,而后缀表示服务。他们把所有的文件放在同一个目录下,这将是一个巨大的混乱 每个文件一个类/接口/枚举。对于类、函数、接口和其他名称,最好还是坚持

我想知道,对于如何用TypeScript编写可重用的Angular2代码,是否至少有一些社区共识。我试图在Angular2的背景下总结我的发现和我想知道的

模块/应用程序目录结构和文件名
  • 在中,我看到他们将所有代码放入
    app
    目录,所有依赖项(如
    node\u modules
    或typing)都位于父目录中

  • 小写文件名,
    .component.ts
    后缀表示组件,而
    后缀表示服务。他们把所有的文件放在同一个目录下,这将是一个巨大的混乱

  • 每个文件一个类/接口/枚举。对于类、函数、接口和其他名称,最好还是坚持使用它

模块
  • 模块是否应该使用
    postinstall
    npm
    hook进行编译和绑定?还是像大多数JavaScript库那样直接在git上提供捆绑版本更好
  • 当我希望我的模块只能由浏览器使用时,我应该默认使用
    系统
    类型的模块吗?还是最好始终使用
  • 是否有任何理由使用或代替
    系统
使用第三方模块
  • 我应该期望其他开发人员将我的模块嵌入
    标记,还是使用
    System.import()
    加载它
  • 如果我的模块依赖于其他JavaScript库,那么最好是提供包含所有依赖项的整个模块的捆绑版本,还是在
    package.json
    中定义它们

Angular 1有一本社区认可的风格指南,由John Papa编写。将为Angular 2创建一些类似的内容,事实上,您可以在

的《英雄之旅》示例中看到这篇文章的开头,还有Angular 2样式指南(),如所示:

以下样式指南的目的是为Angular 2应用程序的开发提供一套最佳实践和样式指南。如果您正在寻找一个关于语法、约定的固执己见的风格指南