# vue3-vite-app

**Repository Path**: mosowe/vue3-vite-app

## Basic Information

- **Project Name**: vue3-vite-app
- **Description**: 基于vite的vue3移动/PC端脚手架
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 4
- **Created**: 2021-10-21
- **Last Updated**: 2023-12-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, vite, 禁删

## README


## 更新
#### 2022-05-16
> 1. 删除vuex全局状态管理
> 2. 新增pinia全局状态管理，持久化处理，[官网地址](https://pinia.web3doc.top/introduction.html)
> 3. 新增mosowejs依赖包，常用js方法包，[文档地址](https://blog.csdn.net/skyblacktoday/article/details/123245207?spm=1001.2014.3001.5501)


#### 2021-12-08
> 1. 新增unplugin-vue-components插件自动导入src/compnents组件，第三方vant，element等组件无需import，不是template组件的需要手动引入，如：Toast
> 2. 新增unplugin-auto-import插件自动导入vue3 HOOKS
> 3. 新增vite-plugin-style-import用于解决非template组件样式失效问题
> 4. 新增vue-global-api解决eslint报错

相关文档：[基于vite搭建一个vue移动端脚手架](https://blog.csdn.net/skyblacktoday/article/details/120886112)

## 其他：
vue3语法糖

基于移动端的配置，基于vite+vue3。

[vite官网](https://cn.vitejs.dev/guide/why.html)

优点：

> 1. 光速启动
> 2. 热模块替换
> 3. 按需编译

脚手架功能

> 1. vant3.0移动端组件UI库
> 2. axios网络数据交互
> 3. vuex状态管理（已更换为pinia）
> 4. vue-router路由管理
> 5. postcss-px-to-viewport移动端px转vw/vh
> 6. less预编译
> 7. autoprefixer自动补全
> 8. typescript语法
> 9. window.$cancelRequest()取消请求
> 10. `新`template组件自动引入，无需import，不是template组件的需要手动引入，如：Toast
> 11. `新`自动导入vue3 HOOKS