web SPA项目目录、命名规范

项目结构：

├── build
├── docs
├── package.json
├── src
│   ├── components
│   │   ├── List
│   │   │   ├── index.js
│   │   │   └── style.less
│   │   └── Nav
│   │       ├── index.js
│   │       └── style.less
│   ├── constants
│   ├── containers
│   │   ├── List
│   │   │   ├── index.js
│   │   │   └── style.less
│   │   └── Nav
│   │       ├── index.js
│   │       └── style.less
│   ├── index.html
│   ├── index.js
│   ├── models
│   │   ├── list
│   │   │   ├── index.js
│   │   │   └── selectors.js
│   │   └── nav
│   │       ├── index.js
│   │       └── selectors.js
│   ├── routes
│   │   ├── index.js
│   │   ├── rank
│   │   │   ├── index.js
│   │   │   └── style.less
│   │   └── search
│   │       ├── index.js
│   │       └── style.less
│   ├── styles
│   │   ├── a.less
│   │   └── b.less
│   └── utils
└── test

--------------------分隔符---------------------------

组件规范：

├── README.md
├── package.json
├── src
│   ├── index.js
│   └── style.less
└── test

--------------------分隔符---------------------------

原则：

• 英文小写
• 简单,简洁明了
• 短单词或单词连接（不使用驼峰式）
• 若为react组件，需要开头大写，使用驼峰命名

参考

头：header                内容：container             		  页脚：footer 
页面主体：main             侧栏：sidebar                        广告：banner 
栏目：column               页面外围控制整体布局宽度：wrapper    左右中：left right center
登陆：login                登录条：loginbar                     注册：regsiter
导航：nav                  子导航：subnav                       菜单：menu
顶导航：topnav             左导航：leftsidebar                  右导航：rightsidebar
子菜单：submenu            搜索：search                         标签页：tab 
标志：logo                 文章列表：list                       当前的: current 
热点：hot                  图标: icon                           按钮：btn
新闻：news                 下载：download                       服务：service 
加入：joinus               指南：guild                          投票：vote 
合作伙伴：partner          友情链接：link                       版权：copyright 
提示信息：msg              小技巧：tips                         注释：note 
栏目标题：title            摘要: summary                        内容：content
状态：status               功能区：shop                         状态：status