├── build # 构建相关
├── node_modules # 项目依赖
├── public # 静态资源
│ │── favicon.ico # favicon图标
│ └── index.html # html模板
├── src # 源代码
│ ├── api # 所有请求
│ ├── assets # 主题 字体等静态资源
│ ├── common # 全局公共js方法 css样式
│ │ ├── config # 所有请求
│ │ │ ├── errorLog # 全局错误处理
│ │ │ ├── permission # 全局路由处理
│ │ ├── js # 全局方法
│ │ │ ├── handleApi # element全局提示处理
│ │ │ ├── initRules # element初始化规则
│ │ │ ├── prototype # v添加原型方法
│ │ │ ├── request # axios 全局配置
│ │ │ ├── utils # 工具
│ │ │ ├── validate # 校验
│ │ ├── style # css样式
│ │ │ ├── mixin.scss #
│ │ │ ├── bass.scss #
│ │ │ ├── custom.scss #
│ │ │ ├── ... #
│ ├── components # 全局公用组件
│ ├── directive # 全局指令
│ ├── filters # 全局 filter
│ ├── icons # 项目所有 svg icons
│ ├── layout # 全局 layout
│ ├── mock # 项目mock 模拟数据
│ ├── router # 路由
│ ├── store # 全局 store管理
│ ├── utils # 全局公用方法
│ ├── views # views 所有页面
│ │ ├── mobile # m端
│ │ ├── mobile # PC端
│ ├── App.vue # 入口页面
│ ├── main.js # 入口文件 加载组件 初始化等
├── .editorconfig # 编辑器配置
├── .eslintrc.js # eslint 配置项
├── .babel.config # babel-loader 配置
└── package.json # package.json
# 进入项目目录
cd 项目目录
# 安装依赖
npm install
# 本地开发 启动项目
npm run serve
# 打包项目
npm run build
-
样式文件命名说明
注：【css处理程序统一使用scss，并放在“src/common/style”目录下】
（1）重置样式：reset.scss
（2）基础布局样式：base.scss
（3）公共样式：custom.scss
（4）混合类型(函数样式)：mixin.scss
-
(1）文件命名：以英文命名，后缀为.js，例：（共用）common.js，其他命名可根据模块需求命名；
（2）变量命名：驼峰式命名，原生JavaScript变量要求是纯英文字母， 首字母须小写，变量集中声明， 避免全局 变量 （3）类命名：首字母大写， 驼峰式命名。eg：StudentInfo、UserInfo、ProductInfo；
（ 4）函数命名：首字母小写驼峰式命名。eg：getUserInfo；
（5）命名语义化，尽可能利用英文单词或其缩写。
（6）常量：必须采用全大写的命名，且单词以_分割，常量通常用于ajax请求url，和一些不会改变的数据；
命名规范：使用大写字母和下划线来组合命名，下划线用以分割单词。
例：const MAX_LENGTH = 20;const URL = 'http://www.star.com'
（7）变量：必须采用小驼峰式命名法，例：let maxCount = 10;
命名方法：小驼峰式命名法；
命名规范：前缀应当为动词；
命名建议：可使用常见动词约定。
| 动词 | 含义 | 返回值 |
|---|---|---|
| can | 判断是否可执行某个动作(权限) | 函数返回一个布尔值。true：可执行；false：不可执行 |
| has | 判断是否含有某个值 | 函数返回一个布尔值。true：含有此值；false：不含有此值 |
| is | 判断是否为某个值 | 函数返回一个布尔值。true：为某个值；false：不为某个值 |
| get | 获取某个值 | 函数返回一个非布尔值 |
| set | 设置某个值 | 无返回值、返回是否设置成功或者返回链式对象 |
| load | 加载某些数据 | 无返回值或者返回是否加载完成的结果 |