|
@@ -1,7 +1,16 @@
|
|
|
-# vue2多入口模板
|
|
|
|
|
|
|
+# 宜宾前端
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+# vue多入口模板
|
|
|
```
|
|
```
|
|
|
-1. html自动对应各自入口文件(router,store)互不影响,即单独加载,共享数据,建议使用yarn安装依赖
|
|
|
|
|
-1. eslint自动校验修正,无需IDE修正
|
|
|
|
|
|
|
+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对象中修改
|
|
|
|
|
+
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
@@ -20,14 +29,28 @@ npm run build
|
|
|
## 目录结构
|
|
## 目录结构
|
|
|
```
|
|
```
|
|
|
| - `src`
|
|
| - `src`
|
|
|
-| - `pages` 全局html目录
|
|
|
|
|
-| - `index` 子html目录
|
|
|
|
|
|
|
+| - `pages` 全局入口目录
|
|
|
|
|
+| - `index` 首页入口子目录
|
|
|
|
|
+| - `assets` 子静态文件
|
|
|
|
|
+| - `components` 子组件
|
|
|
|
|
+| - `router` 子路由
|
|
|
|
|
+| - `store` 子存储
|
|
|
|
|
+| - `App.vue` 子模板
|
|
|
|
|
+| - `main.js` 子入口文件
|
|
|
|
|
+| - `admin` 后台管理入口子目录
|
|
|
| - `assets` 子静态文件
|
|
| - `assets` 子静态文件
|
|
|
| - `components` 子组件
|
|
| - `components` 子组件
|
|
|
| - `router` 子路由
|
|
| - `router` 子路由
|
|
|
| - `store` 子存储
|
|
| - `store` 子存储
|
|
|
| - `App.vue` 子模板
|
|
| - `App.vue` 子模板
|
|
|
-| - `main.ts` 子入口文件
|
|
|
|
|
|
|
+| - `main.js` 子入口文件
|
|
|
|
|
+| - `login` 登录入口子目录
|
|
|
|
|
+| - `assets` 子静态文件
|
|
|
|
|
+| - `components` 子组件
|
|
|
|
|
+| - `router` 子路由
|
|
|
|
|
+| - `store` 子存储
|
|
|
|
|
+| - `App.vue` 子模板
|
|
|
|
|
+| - `main.js` 子入口文件
|
|
|
| - `components` 全局组件
|
|
| - `components` 全局组件
|
|
|
| - `utils` 全局插件
|
|
| - `utils` 全局插件
|
|
|
| - `assets` 全局静态文件
|
|
| - `assets` 全局静态文件
|
|
@@ -38,14 +61,16 @@ npm run build
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
1. 多页面路由模式不能使用 history 模式
|
|
1. 多页面路由模式不能使用 history 模式
|
|
|
-2. 模板采用 index.html
|
|
|
|
|
-3. 更多方法查看 utils/*.js
|
|
|
|
|
-4. vite 使用es6
|
|
|
|
|
-5. 默认安装:
|
|
|
|
|
|
|
+2. 模板默认采用 index.html
|
|
|
|
|
+3. vite 使用es6
|
|
|
|
|
+4. 默认安装:
|
|
|
1. aixos
|
|
1. aixos
|
|
|
2. js-md5
|
|
2. js-md5
|
|
|
3. vuex
|
|
3. vuex
|
|
|
4. vue-router
|
|
4. vue-router
|
|
|
5. less
|
|
5. less
|
|
|
-6. eslintignore 增加排除文件
|
|
|
|
|
|
|
+5. eslintignore 增加排除文件
|
|
|
|
|
+6. fnClass 遵循export default
|
|
|
|
|
+7. 合理使用px
|
|
|
|
|
+
|
|
|
```
|
|
```
|