- vue v2: vue全家桶
- axios: 基于promise的HTTP库
- dayjs: 完美替代momentjs的轻量级时间处理库
- element-ui: 基于Vue2的桌面端组件库
├─public 静态文件
│ ├─index.html 单页面入口文件
├─src 开发目录
│ ├─requests ajax请求管理
│ ├─configs 配置项
│ ├─assets 静态资源目录
│ ├─components 公共组件
│ ├─layouts 布局组件
│ ├─main.js 入口文件
│ ├─pages 页面组件
│ ├─plugins 插件管理
│ ├─router 路由目录
│ ├─store vuex管理
│ │ ├─index.js 入口文件
│ │ ├─state.js
│ │ ├─getters.js
│ │ ├─mutations.js
│ │ ├─actionTypes.js
│ │ ├─actions.js
│ ├─utils 工具方法目录
│ ├─filters 过滤器
│ ├─app.vue 根组件
│ ├─main.js 项目入口文件
├─.env.development 开发环境模式和变量配置
├─.env.production 正式环境模式和变量配置
├─.env.test 测试环境模式和变量配置
├─.eslintrc.js ESLint配置
├─babel.config.js babel配置
├─package.json npm包版本
├─vue.config.js webpack配置
git clone https://github.com/sanjings/vue2-spa-template.git
npm i pnpm -g
cd vue2-spa-template
pnpm install
yarn dev or npm run dev
yarn dev:prod or npm run dev:prod
yarn test or npm run test
yarn build or npm run build
如需更多环境的,直接在根目录下配置.env.XXX(环境名称),然后在package.json的scripts中配置即可
项目架构是我个人的开发习惯,仅供参考,喜欢就赏个⭐吧,谢谢支持