vue-vite-ts

宜宾前端

vue多入口模板

1. 项目html自动对应各自入口文件（router，store）互不影响，即单独加载，共享数据
2. 项目eslint自动校验修正，无需IDE修正
3. 项目所有单位使用rem 比例1rem=100px
4. 项目使用yarn 安装所有依赖
5. 项目公共js方法./utls/jsFn.js（自行增加修改）
6. 项目eslint规则自行添加到eslintrc.js
7. 项目开发环境|生产环境配置vite.config=>define对象中修改

yarn

yarn add model_exp

npm run dev

npm run build

目录结构

| - `src`
|   - `pages`                     全局入口目录
|       - `index`                 首页入口子目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `router`            子路由
|           - `store`             子存储
|           - `App.vue`           子模板
|           - `main.js`           子入口文件
|       - `admin`                 后台管理入口子目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `router`            子路由
|           - `store`             子存储
|           - `App.vue`           子模板
|           - `main.js`           子入口文件
|       - `login`                 登录入口子目录
|           - `assets`            子静态文件
|           - `components`        子组件
|           - `router`            子路由
|           - `store`             子存储
|           - `App.vue`           子模板
|           - `main.js`           子入口文件
|   - `components`                全局组件
|   - `utils`                     全局插件
|   - `assets`                    全局静态文件

注意

1. 多页面路由模式不能使用 history 模式
2. 模板默认采用 index.html
3. vite 使用es6
4. 默认安装:
   1. aixos
   2. js-md5
   3. vuex
   4. vue-router
   5. less
5. eslintignore 增加排除文件
6. fnClass 遵循export default
7. 合理使用px