# Essential

### 介绍
---

`Essential` 是一款以`Vue3` + `ts` + `vite` + `Element plus` + `EChart 5`开发的快速页面生成组件库，开发快速，易于维护，不需要写过多的`view`层，只需要通过`JSON` + `Js`代码便可实现`Element plus`、`EChart 5`等所有组件。

<img src="https://prod-mf-common-bucket.oss-cn-hangzhou.aliyuncs.com/img/WechatIMG127%20(1).png" width="375">

### 
[👉 ESSENTIAL 官方文档](http://essential.baic-mfexpress.com/)
# 
# 
### 项目架构版本
| Vue | Element-Plus | TypeScript |
| ------ | ------ | ------ |
| v3.2.26 | v1.2.0-beta.6 | v4.4.4 |

### 开发者 👨‍💻
| Author | E-mail |
| ------ | ----- |
| [🤔️ 乔宇(Joey)](http://github.com/qiaoyu113) | 527324363@qq.com |
# 
### 开发成员 👩‍💻
| Team Member | E-mail |
| ------ | ------ |
| [张慧慧](https://github.com/ZhangHhui) | 1191213054@qq.com |
| [王云芳](https://github.com/TuanZi-77) | 2096745969@qq.com |
# 
### Github
- [👉 ESSENTIAL (Github地址)](https://github.com/qiaoyu113/Essential)
# 
### npm
- [👉 ESSENTIAL (npm地址)](https://www.npmjs.com/package/es-com)


# 
### Step 1
先搭建vue3环境,推荐安装最新Vite (全局安装过旧版本的请先卸载它)
```
npm init @vitejs/app
```
或
```
yarn create @vitejs/app
```
# 
### Step 2
新建项目、选择模版（本项目推荐使用 Vue3 + TypeScript，所以我们选择 vue-ts，会自动安装 Vue3 和 TypeScript。）
# 
```
npm init vite <project-name>
```
# 
enter之后，根据项目提示，接下来会让你选择预设, `npm install`初始化, 这里就不展开赘述，大家可以到官网查看相关文档。

# 
# 
###  Step 3
构建完成后，安装`Essential`！
```
npm install es-com --save
```

# 
大功告成！