风格指南

毋庸置疑的,相同的编码风格有助于开发人员相互合作。如果你想帮助我们改进代码,我们建议你花几分钟时间来了解一下所使用的编码风格。

TypeScript 风格指南

我们使用 eslint 来检查 TypeScript 和 JavaScript 编码样式。

1npm run eslint

SCSS 风格指南

我们通过 stylelint 检查 SCSS 编码样式。

1npm run stylelint

Hugo 风格指南

命名约定

参数命名约定

因为 Hugo 参数名大小写不敏感,推荐使用 snake_case 命名方式。

Parameter
FooBar
fooBar
foobar
foo-bar
foo_bar

文件命名约定

于某些文件系统,文件名大小写敏感,因此我们推荐总是使用 kebab-case 命名。

Filename
fooBar.html
foo-bar.html

变量命名约定

  1. 对于可导出的变量,使用 PascalCase 命名方式,如 Go 语言一样。
  2. 对于局部变量,使用 camelCase 命名方式。

Bootstrap 风格指南

我们建议尽量使用 Bootstrap CSS 工具类,以减少 CSS 包的大小。

razonyang
2024年11月21日星期四 2022年12月14日星期三