编码规范建议

Angular CLI 构建的项目就其目录结构而言已经非常棒了，同时官网也有一份 Angular Style Guide（中文版）风格指南，建议好好阅读几遍。除此之外，NG-YUNZAI 也有一部分编码风格，如下说明可能对于你阅读代码时有用。

一致的代码风格

NG-YUNZAI 使用 ESLint 来保证代码质量 与 Prettier 来优化代码风格。

推荐安装几个插件在 vscode 中更友好的开发：

• ng-zorro snippets

• ng-yunzai snippets

• ESLint

• Prettier - Code formatter

• EditorConfig for VS Code

当然，NG-YUNZAI 为大家准备了一套完整的扩展包，只需要安装 NG-YUNZAI Extension Pack 即可。

Git-precommit勾子

Angular 提供的 ng lint 命令可以非常有效的帮助我们更早发现bug、更高的可读性；如果我们能够保证团队开发过程中每一次 commit 前都自动做一次 staged 中文件的 lint 的话，那不是非常酷吗？

NG-YUNZAI 配置了每次对 staged 进行 commit 时会预先做 lint，若发现错误则无法提交。

默认开启了 *.ts、*.less 的提交过程中强制对代码进行格式化，你可以通过修改 package.json 的 husky 节点来改变些规则。

若在执行 git commit -m "commit" 时若产生 hint: The '.husky/pre-commit' hook was ignored because it's not set as executable. 时，可能是因为权限问题，可以尝试在项目根目录下执行：

chmod ug+x .husky/*
chmod ug+x .git/hooks/*

风格指南

API文档

应用总是免不了业务组件的开发，我们无法保证若干时间之后你还能记得这些，因此务必在每一个业务组件附带 README.md 文档，并描述API、DEMO等信息，例如：

## 何时使用？

略

## DEMO

略

## API

成员 | 说明 | 类型 | 默认值
----|------|-----|------
src | 图片地址  | `string` | -

模块注册

请参数模块注册指导原则。

辅助项

ng-yunzai 配置了一些针对 CLI 选项，以便更好进行编码工作。

CLI

vscode 是编写 Angular 最佳的选择，你可以在项目的任何目录里输入：ng g c list 生成组件的相应的文件。

ng-yunzai 默认配置了不生成样式文件&单元测试，因此，你会看到生成的只有 .ts、.html。这是因为 ng-yunzai 提供了非常丰富的样式API，在大多数页面中自定义样式并不是刚需的；同时，单元测试也是如此。

当然，你可以很容易在 angular.json 中调整默认配置。

vscodesnippets

vscode 是编写 Angular 最佳的选择，自然 NG-YUNZAI 也制作了相应 snippets 扩展插件：ng-zorro-vscode 和 ng-yunzai-vscode。