# vite-vue-build

**Repository Path**: mi-sa-ka10032/vite-vue-build

## Basic Information

- **Project Name**: vite-vue-build
- **Description**: 基于vite的vue脚手架，开箱即用，支持vue2+js和vue3+ts，自动配置vue-router、vuex（vue2）、pinia（vue3）、eslint、precss等插件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 2
- **Created**: 2022-05-30
- **Last Updated**: 2024-07-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vite-vue-build

#### 介绍

1.基于vite的vue脚手架，开箱即用，支持vue2+js（简洁版）和vue3+ts（完整版），自动配置vue-router、vuex（vue2）、pinia（vue3）、eslint、less或scss等插件

2.vue2简洁版相当于将vue-cli替换为vite后，创建的一个包含vue2+vue-router+vuex+prettier的简易vue2项目模板，适合新人或初学者创建一个简单的项目模板，但项目启动、热更新等速度远快于vue-cli，拥有更优秀的开发体验

3.vue3完整版在vite的基础上，创建了包含vue3+vue-router+pinia+emiiter(事件总线)的完整vue3项目模板，同时加入了一系列黑魔法，包括vue3全局API（ref、reactive等）自动引入无需手动import、layouts文件夹自动注册一级路由布局、pages文件夹下的vue文件自动实现路由注册无需额外维护路由结构、SVG自动引入、PWA支持与移动端适配等功能，作为一个全新的项目模板而言体验极佳

#### 安装教程

1.已安装Node和npm

2.打开cmd命令行 `npm install -g vite-vue-build` 即可

#### 使用说明

打开cmd命令行 `vite-vue create <app-name>` 按照提示执行

#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)