基于 Vue 2.x + Element UI 的项目模板
背景
- 此项目模板是基于本人首次使用 Vue 框架时的实际项目抽象而来。
- 仅供学习交流的使用，如果要用于实际应用，建议仅参考 "目录结构"、"Webpack 配置"、"分环境打包"等模块的实践。
- 本项目非一个完全的 admin 后台类项目，因此无法快速应用于实际项目中，务必提前知晓。
目录
项目说明
- 业务描述：此项目模板仅供参考
- 技术栈： 本项目采用
Vue + Webpack 的单页面应用，简单引入了 Element UI 库。
- 本项目不包括权限接入、菜单样式、登录校验等功能示例模块
项目启动
- 环境配置：
- "node": ">= 6.0.0"
- "npm": ">= 3.0.0"
- 其他参考
package.json 文件
- 依赖安装：
npm install
- 本地开发：
- 项目运行：
npm start
- 项目访问：
http://127.0.0.1:8080 (以实际提示为准)
目录说明
/build/: webpack 配置文件，勿私自修改/config/: vue 项目运行环境相关文件，勿私自修改/dist/: 打包完成后的最终文件/src/:项目开发源代码目录
/src/api/:为了便于后期统一修改接口请求地址，所有接口请求必须在此目录下的对应目录中（可根据迭代规模，创建对应的文件），禁止在 axios/ajax 请求处写任何请求路径/src/assets/:开发中需要用到的公用资源、类库等，如 base.scss/src/components/:此目录仅用于全站通用或大部分通用的组件提取，如果组件影响少于2个迭代模块（大功能项），则禁止提取至此，可以提取至对应的功能模块目录中/src/router/:router 处理相关目录/src/store/: vuex 对应的 store 目录/src/utils/: 全站通用的工具方法目录/views/:对应的功能模块目录，可在功能模块内部提取共用组件，再根据实际情况进行提取，但不可提取至 /src/components/
/static/:项目中需要用到的其他静态资源，添加图片时，务必保证是否已存在相同文件，避免重复上传，务必重命名图片及其他素材的不规则命名
注意事项
- 仅支持 PC，不需要兼容 H5,无响应式要求
- 可仅考虑 Chrome ,及 MacBook 的Safari 及 Chrome
杂谈
- 本模板所参考的项目开发时间较早，所以如果要基于此做开发，则需要完善诸多模块
- 将此项目提取出来，也是想把整个项目通过 "简单"->"复杂"->"简单" 的步骤做抽象
- 本文更多意义在于自己学习使用，如果有比较高要求的同学，不建议采用
参考资料
