# 1. 项目命名

  • 全部使用kebab-case方式,小写,以中划线分隔;
  • xhaier平台部署前端项目,使用f2e / web单词作为开头,小写,以中划线分隔。

推荐

├── activity-dragon
├── haier-marketing-web-ylh

xhaier部署平台
├── web-uo-dop
├── f2e-ylh-manager

不推荐

├── activity_dragon
├── HaierMarketingWebYlh

xhaier部署平台
├── haier-live-h5
├── uop-sysWeb

# 2. 目录命名

  • 全部使用kebab-case方式,小写,以中划线分隔;
  • 有复数结构时,采用复数命名法, 缩写不用复数。

推荐

├── build
├── config
├── src
│   ├── assets
│   ├── components
│   │   ├── account-detail
│   │   ├── realname-verification
│   │   ├── warehouse
│   │   ├── role-mgmt
│   ├── filters
├── theme

不推荐

├── build
├── config
├── src
│   ├── assets
│   ├── components
│   │   ├── accountDetail ❌
│   │   ├── realnameVerification ❌
│   │   ├── Warehouse ❌
│   │   ├── roleMgmt ❌
│   ├── filters
├── theme

# 3. 文件命名

  • 以.js、.css、.scss、.html、.png后缀结尾的文件,使用kebab-case方式,小写,以中划线分隔;
  • 以.vue后缀结尾的文件,使用PascalCase方式,首字母大写

推荐

├── src
│   ├── assets
│   │   ├── image
│   │   │   ├── dragon
│   │   │   │   ├── dragon-bg.png
│   ├── views
│   │   ├── dragon
│   │   │   ├── components
│   │   │   │   ├── BindWx.vue
│   │   │   │   ├── OpenPrize.vue
│   │   │   │   DragonIndex.vue
│   │   ├── game
│   │   │   ├── asset.js
│   │   │   ├── game.js
│   │   │   ├── GameIndex.vue
├── theme

不推荐

├── src
│   ├── assets
│   │   ├── image
│   │   │   ├── dragon
│   │   │   │   ├── dragonBg.png ❌
│   ├── views
│   │   ├── dragon
│   │   │   ├── components
│   │   │   │   ├── bindWx.vue ❌
│   │   │   │   ├── openPrize.vue ❌
│   │   │   │   index.vue ❌
│   │   ├── game
│   │   │   ├── Asset.js ❌
│   │   │   ├── Game.js ❌
│   │   │   ├── index.vue ❌
├── theme