介绍

项目基于typescript,vue3.0,vue-router4.0,vuex4.0,vite2.0实现的 vue3 风格的手机端基础工程，单页面应用。

预安装

环境要求

• Node.js: - 版本最好大于 12.0.0
• yarn > npm > cnpm: - 包管理工具.

使用

开发环境

yarn dev

打包

yarn build

其他

yarn clean:cache # 删除缓存

yarn clean:lib # 删除node_modules，兼容window系统

项目结构

├── build (编译模块)
├── config (配置文件)
├── docs (项目文档)
├── mock (模拟数据)
├── plugins (插件)
├── public (存放公共文件)
│   └── favicon.ico
├── src
│   ├── assets (公共图片)
│   │   ├── logo.png
│   │   └── ...
│   ├── components (业务组件)
│   │   └── ...
│   ├── pages (业务模块)
│   │   ├── DM (业务模块1)
│   │   │   ├── DM0 (子模块1)
│   │   │   │   ├── DM0001 (子页面1)
│   │   │   │   │   ├── index.less (该页面样式)
│   │   │   │   │   └── index.vue (该页面实体)
│   │   │   │   ├── DM0002 (子页面2)
│   │   │   │   └── ...
│   │   │   ├── DM1 (子模块2)
│   │   │   ├── ...
│   │   │   └── page.json (该业务模块路由信息配置)
│   │   └── ...
│   ├── styles (公共样式文件)
│   │   ├── utils
│   │   └── index.less
│   ├── utils (工具文件)
│   │   ├── component
│   │   ├── console
│   │   ├── loader
│   │   ├── router
│   │   ├── store
│   │   ├── bridge.js
│   │   ├── proxy.ts
│   │   ├── tools.js
│   │   └── validate.js
│   ├── App.vue (入口页面)
│   ├── main.ts (入口文件)
│   └── shims-vue.d.ts (vue类型文件)
├── static (静态资源,外部公共组件等)
├── index.html
├── package.json
├── postcss.config.ts
├── README.md
├── tsconfig.ts
└── vite.config.ts