vite vue3 temp

简介

使用最新的vue3,vite2,typescript等主流技术搭建的一个供学习参考的模版工程。

包含

• 技术栈：使用 vue3,vite,typescript等前沿技术开发
• ajax：二次封装axios，统一管理接口
• 主题：可自行修改element-plus主题样式
• 国际化：完善的国际化方案
• 路由：动态路由生成方案
• 组件：二次封装了常用的组件
• 工具：常用的指令，过滤器，storage存储，工具函数

目录结构

|-- public                          # 静态资源
|   |-- config.js                   # 配置文件
|   |-- favicon.ico                 # favicon图标
|-- src                             # 源代码
|   |-- api                         # api请求
|   |   |-- modules                 # 模块
|   |   |-- types                   # 接口定义
|   |   |-- abstract.ts             # 基类
|   |   |-- config.ts               # 字典表
|   |   |-- index.ts                # 入口文件
|   |   |-- intercept.ts            # 拦截器
|   |-- assets                      # 主题 变量等资源
|   |   |-- scss                    # scss变量
|   |   |-- theme                   # elemet主题
|   |-- components                  # 全局公共组件
|   |-- config                      # 全局公共配置
|   |-- layout                      # 全局layout
|   |-- locale                      # 国际化
|   |-- plugin                      # 三方插件
|   |-- router                      # 全局路由
|   |-- store                       # 全局vuex
|   |-- utils                       # 全局公用方法
|   |   |-- directives              # 指令
|   |   |-- storage                 # 持久化
|   |   |-- filters.ts              # 过滤器
|   |   |-- pager.ts                # 发布订阅
|   |   |-- tools.ts                # 工具函数
|   |-- views                       # 所有页面
|   |-- App.vue                     # 入口页面
|   |-- main.ts                     # 入口文件
|   |-- shims-vue.d.ts              # ts声明文件
|-- static                          # 静态资源
|   |-- img                         # img
|   |-- svg                         # svg
|-- .editorconfig                   # editorconfig
|-- .env.dev                        # 环境变量 开发
|-- .env.pro                        # 环境变量 生产
|-- .env.proxy                      # 环境变量 代理
|-- .eslintignore                   # eslintignore
|-- .eslintrc.js                    # eslint 配置项
|-- .gitignore                      # gitignore
|-- babel.config.js                 # babel 配置项
|-- index.html                      # html模板
|-- package.json                    # package.json
|-- README.md                       # README
|-- tsconfig.json                   # tsconfig
|-- vite.config.ts                  # vite 配置文件

Project setup

yarn

Compiles and hot-reloads for development

yarn serve dev

Compiles and minifies for production

yarn build pro

Lints and fixes files

yarn lint

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions