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
