# vue3项目工程化模板项目

**Repository Path**: flight007/vue3-vite-element-admin

## Basic Information

- **Project Name**: vue3项目工程化模板项目
- **Description**: 技术栈使用呢vite,vue3,ts,sass,element-plus等，创建的一个后台框架.
项目里面已经做好了工程化配置,,例如eslint，prettier，Husky，lint-staged，commitlint等
也有扩展功能：例如SVG图标，tinymce富文本编辑器，webSocket通信，excel报表的导图导出等
- **Primary Language**: JavaScript
- **License**: ISC
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-07-16
- **Last Updated**: 2022-07-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3项目工程化模板项目

## 介绍
使用说明：为了避免浪费你宝贵的时间，使用说明如下

2. 如果是想学习vue3的小伙伴可以在这个基础上做相关的学习练习，这个项目采用的是vite和vue3搭建的框架

3. 如果是想学习前端工程化的小伙伴一定记得好好看里面的配置，在查找相关的文档质料哦
https://www.yuque.com/docs/share/2017707f-6a7e-4d5e-9343-e2184e0050db?# 《前端工程化系列：Prettier+ESLint+Husky+lint-staged+commitlint》这是这个项目工程化的配置文件可以搭配着一起看哦

4. 本项目目前采用的技术有vue3,vite,ts,sass。
####**工程化配置文件：

   (1). eslint和prettier: 项目的代码的校验及格式美化

   (2). Husky: git hooks的一个插件，是项目工程化的基础，可以了解下相关的知识

   (3). lint-staged：暂存文件，可以通过这个让你的配置，例如eslint，perttier等配置只处理暂存区		文件，避免每次都要	处理全部文件，适合多人合作开发，避免不必要的问题

   (4). commitlint：git commit 提交的格式检验，需要满足相关的提交格式，才能正常的提交，适合多	  人合作开发，统一提		交commit信息处理，例如新增内容：git commit -m 'feat: 登录页修改'

5. SVG：项目里面已经集成了SVG的插件，可放心的直接使用svg图标,例如我的菜单路由图标就是可以自定义svg图标

6. tinymce： 前端最常用的富文本编辑器，里面管理图片上传的流程文件被删除了，可以根据自己的情况进行扩展

7. webSocket：如果想了解socket通信的小伙伴，也可以了解下，项目里面有写好的socket通信的方法，可以直接使用。

8. excel：里面有集成好的excel报表导出，导入功能。可以直接使用

9. element：采用的是按需自动导入已经，也支持keep-alive，相关信息可以通过代码了解。

####最后的提示：
如果你所在的公司可以进行vue3的项目，我相信这套框架很适合你，因为这是一个只有很完善的框架，你只需要要关注你的业务就行，不用再去关心如何处理多人协调开发的各种统一要求，浪费你的宝贵时间。

#### 软件架构
技术栈使用呢vite,vue3,ts,sass,element-plus等，创建的一个后台框架.
项目里面已经做好了工程化配置


#### 安装教程

1. cd vue3-vite-element-admin
2.  yarn
3.  yarn dev