约定 > 配置。本篇介绍Rock项目的一些约定。
前端编码规范继承 eslint-config-renrenche
(部分继承自eslint-config-airbnb)。
文件和文件夹的命名均遵循:文件/夹名为英文单词全拼,单数,多个单词用英文连字符"-"连接
。
前端文件(client目录下)皆模块化
,详细说明可参见:02 目录结构
每个模块包含以下几种文件:
- 模板文件:[folder].ejs,与文件夹同名
- Js入口文件:index.js
- 样式文件:style.less 或 style.css。如果有多个样式文件,子样式文件放在css/目录下,在style.less中统一引入
- 静态资源:image/*。
- 子模块: component/*
- 测试文件: index.spec.js
举例:
fruit/
├── fruit.ejs
├── index.js
├── style.less
├── components
│ └── apple
│ ├── apple.ejs
│ ├── index.js
│ └── style.less
├── css
│ └── color.less
└── image
└── sample.png
javascript code style: https://github.com/airbnb/javascript