# vue3-template

**Repository Path**: dy_gudao/vue3-template

## Basic Information

- **Project Name**: vue3-template
- **Description**: vue3项目简单模板，集成vue3+ts+vite+vuex+element-plus+axios，包括了：sidebar、header组件的简单封装，axios请求封装、env打包配置文件、d.ts文件，以及动态tags、三级菜单（tab形式）适配，开箱即用（不过样式相对固定）。router文件以及vuex文件也有一些注释，阅读的时候留意一下。（node版本：18.12.1）
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-06-01
- **Last Updated**: 2023-07-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-template

#### 介绍
vue3项目简单模板，集成vue3+ts+vite+vuex+element-plus+axios，包括了：sidebar、header组件的简单封装，axios请求封装、env打包配置文件、d.ts文件，以及动态tags、三级菜单（tab形式）适配，开箱即用（不过样式相对固定）。

#### 软件架构
node版本：18.12.1
启动项目：npm run dev
模板中有自动引入elementUI组件功能，使用时无需再在页面引入
.env.prod为生产环境打包（npm run build:prod，打包完成的文件生成在dist目录，也可以在vite.config.ts自定义）
.env.test为测试环境打包（npm run build:test，打包完成的文件生成在test目录，也可以在vite.config.ts自定义）
输入不存在路由时，会自动匹配到404
登录页logo以及背景图自行替换
sidebarlogo自行替换
登录后操作自行完善
目前tags组件切换时，sidebar以及三级菜单选中状态尚未实现，需要自行实现
更改vite.confi.ts文件的base路径时，@utils/constant.ts文件的URL_SPLIT_NAME常量必须要同时修改

add:新增vue/vue-router/vuex自动导入，无需再在页面import {useRouter} from 'vue-router'了，可以直接：const router = useRouter();
add:ts配置文件新增严格模式设置，默认值已经设置为false