# vue2多入口模板 ``` 1. 项目html自动对应各自入口文件(router,store)互不影响,即单独加载,共享数据 2. 项目eslint自动校验修正,无需IDE修正 3. 项目所有单位使用rem 比例1rem=100px 4. 项目使用yarn 安装所有依赖 5. 项目公共js方法./utls/jsFn.js(自行增加修改) 6. 项目eslint规则自行添加到eslintrc.js->rules中 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 ```