# H5-GH-Easybuy-ACM **Repository Path**: dexintec/h5-gh-easybuy-acm ## Basic Information - **Project Name**: H5-GH-Easybuy-ACM - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-06-15 - **Last Updated**: 2024-09-25 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 项目结构 ```CMD │ readme.md // 项目说明 │ .eslintrc.js // 代码风格配置 │ .eslintignore. // eslint忽略文件 │ .postcssrc.js // postcss配置 │ .env.development // 开发环境配置 │ .env.dev // 本地环境配置 │ .env.staging // 测试环境配置 │ .env.production // 生产环境配置 │ babel.config.js // babel配置文件 │ vue.config.js // 构建工具配置 │ package.json // 项目配置 │ ├─dist // 编译之后的项目文件 │ ├─build //build配置文件 │ ├─public // 项目挂载静态页面 │ ├─mock // mock数据文件 │ └─src // 源码目录 │ │ App.vue // vue根组件 │ main.js // vue初始化以及插件引入文件 │ permission.js // 权限控制的定义文件 │ settings.js // 系统参数的设置文件 │ ├─api // API接口定义文件,子文件夹对应各个系统 │ ├─assets // 静态资源存放文件 │ ├─components // 公用组件存放目录 │ ├─directive // vue自定义命令目录 │ ├─icons // icon存放目录 │ ├─layout // 项目header和sidebar以及标签页实现目录 │ ├─store // vuex相关文件存放目录 │ ├─styles // 公共样式文件存放目录 │ ├─utils // 公共方法类库 │ ├─vendor // 引入的第三方库 │ └─views // 项目页面存放目录,子文件夹对应各个系统 ``` ## 开发规范 [待补充]() ## 公共组件简单说明 Upload文件夹内组件,都是上传相关组件,由于上传接口现在有多个且参数也不统一,导致区分多种情况做了多个组件,后面如果上传接口统一考虑合并为一个组件 Breadcrumb 面包屑组件,由element-ui组件改造封装编写,主要用于header内展示 Pagination 分页页数管理组件,由由element-ui组件改造封装编写 TabPane 子应用标签页组件,与header部分的标签页不同,用于处理同一个页面的列表,以及单项详情编辑之类的处理 [待补充(主要用于防止重复开发)]() ## 引用开源组件库说明 # element-ui 饿了么团队出品的UI组件库 [文档地址](https://element.eleme.cn/2.10/#/zh-CN/) # underscore JS原生方法的扩展库,定义有大量实用方法 [文档地址](https://underscorejs.org/) # moment 时间相关数据处理库,提供日期格式转换API [文档地址](https://momentjs.com/docs/) # axios 前端HTTP请求相关封装库 [文档地址](https://github.com/axios/axios) # socket-io websocket请求相关封装库 [文档地址](https://socket.io/docs/) # mockjs mock数据相关工具库,自动生成随机数据 [文档地址](https://github.com/nuysoft/Mock/wiki) # js-cookie cookie设置封装库 [文档地址](https://github.com/js-cookie/js-cookie) ## Build Setup ```bash # 安装依赖 npm install # yarn安装 yarn # 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 启动服务 npm run dev # yarn启动服务 yarn run dev ``` 浏览器访问 [http://localhost:9528](http://localhost:9528) ## 发布 ```bash # 构建测试环境 npm run build:stage # 构建生产环境 npm run build:prod ``` ## 其它 ```bash # 预览发布环境效果 npm run preview # 预览发布环境效果 + 静态资源分析 npm run preview -- --report # 代码格式检查 npm run lint # 代码格式检查并自动修复 npm run lint -- --fix ``` 更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/) ## Browsers support Modern browsers and Internet Explorer 10+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | | IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License [MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.