# v3-element-admin

**Repository Path**: xuhua123/v3-element-admin

## Basic Information

- **Project Name**: v3-element-admin
- **Description**: v3-element-admin
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-09-11
- **Last Updated**: 2023-09-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: xuhua
 * @Date: 2023-09-13 09:49:26
 * @LastEditors: xuhua
 * @LastEditTime: 2023-09-14 09:16:45
 * @FilePath: /v3-element-admin/README.md
 * @Description: 
-->
# V3-ELEMENT-ADMIN
## 简介
### v3-element-admin 使用了最新的`vue3`,`element-plus`,`pinia`,`vue-router`,`typeScript`搭建的后台管理系统
## 项目简介
* 该项目使用vue3,element-plus,pinia,vue-router,typeScript搭建
* 代码规范使用prettier,eslint,stylelint
* git分支标准,master,develop,feature,hotfix,release
* git提交规范,使用pnpm run commit 会自动执行git add . 按提示输入git提交信息
* 使用vite构建,使用pnpm管理依赖
* 项目中使用了autoImport,包含vue,pinia,vue-router,@vueuse/core,自动导入element组件,自动导入`src/components`下的组件,自动导入Icon等,css使用unocss
* 组件命名采用大驼峰命名,通用组件放`src/components/`,页面级组件放`view/xxx/components`,拒绝单个单词,(table [❎] BaseTable [✅]),例如:`scr/components/SvgIcon/index.vue`
* 页面组件采用小驼峰命名,例如:`src/views/dashboard/index.vue`
## 准备
* `node`和`git` -项目开发环境
* `Vite` -熟悉Vite特性
* `Vue3` -熟悉Vue基础语法
* `TypeScript` -熟悉TypeScript基础语法
* `Unocss` -熟悉Unocss基础语法
* `Es6` -熟悉es6基础语法
* `vue-router` -熟悉vue-router基本使用
* `pinia` -熟悉pinia语法
* `element-plus` -熟悉element-plus基本使用
* `Mock.js` -熟悉mockjs基本语法

## 安装使用
* 克隆代码
`https://gitee.com/xuhua123/v3-element-admin.git`
* 安装依赖
`pnpm install`
* 启动项目
`pnpm dev`
* 打包
`pnpm build`
* git代码提交
`pnpm run commit`