nscom
Version:
  # Essential
68 lines (58 loc) • 1.86 kB
Markdown
 
# 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://118.178.194.229/essential)
#
#
### 项目架构版本
| 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
```
#
大功告成!