# vue3viteFramework

**Repository Path**: bxvs888/vue3vite-framework

## Basic Information

- **Project Name**: vue3viteFramework
- **Description**: vue3 vite vant3项目框架，方便webapp开发 
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-09-13
- **Last Updated**: 2022-09-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: thinkido 4077725@qq.com
 * @Date: 2022-07-07 18:59:49
 * @LastEditors: thinkido 4077725@qq.com
 * @LastEditTime: 2022-07-11 16:35:53
 * @FilePath: \vue3vite-framework\README.md
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
# Vue 3 + Vite

## cross-env的注意点
开发时package.json中的cross-env
变量前缀开头必须是 VITE_

## 项目启动
yarn dev
npm run dev

## 考虑框架及相关技术点

- vue-cli 创建项目
- 原来框架，手机端
 - 多页面
 - 路由
 - dll 
 - 导航栏菜单
 - 标题栏
 - 回退
- oss
- vue-cli-service build 
- route.mata.index 控制界面显示动画方向。
-[x] 错误页面404/401。
- 导航栏和菜单栏的显示隐藏。
- 列表无限翻页下拉
  - 详情页预览&返回
- 下拉刷新，
- ~~筛选条件~~
- 搜索页和结果
-[x] router ；const routerContext = require.context('./modules', true, /\.js$/)
-[x] svgicon ；require.context
-[x] 多页面中，把通用的页面路由独立到一个文件。
-[x] mock
-[x] eventBus
- keepAlive
- ~~栅格系统~~ ui库vant自带
- x页面占位
- rem
- ~~bscroll~~
- loader 
-[x] 自动导入组件和优化时按需加载
- 通用页面
  - 注册、登录、找回密码
  - 绑定电话、邮箱、微信号、
  - 关于我们
  - 个人主页
  - 帮助、反馈
  - 消息通知：推送、
  - 权限开启提醒
  - 新手引导
  - 统计：数据统计分析、接口埋点；
  - 升级、
  - 建议、
  - 【客服】
  - 钱包：支付、
  - 积分、
  - 设置：
    - 应用设置
      - 清除缓存
      - 消息通知
    - 个人资料设置
      - 昵称、头像、性别、生日、认证
  - 同意条款
- 点击协议按钮，没有登录时弹框显示登录。或者登录页面跳转回页面
      - slot插槽
      - directive指令
- api协议
  - headers['RequestID'] = Util.toMD5(window.location.hash) + '_' + new Date().getTime() + '_' + Math.floor(Math.random() * 1000000000)


- svg图标制作
  - 相关网站资源，制作工具；音频视频教程；
- scss中px2rem的function
- reset.scss；normalize.css；
- vue remote devtool
- web-storage-cache
- epub reader


基本框架
子图图标，
几个空页面
默认页面
页面切换和动画，
代码块模板快捷字符
快速创建html的插件和格式