vue3组件库,还在开发中...
V0.1.4
TODO
- 文档 docs
- 文档编写,markdown-loader
- readme
- 主题 theme
- 主题样式变量
- 主题使用方式
- 主题切换方式
- 主题生成
- 组件 component
- 服务组件
- 基础组件
- 工具 utils
- emitter
- designComponent完善
- 类型 types
- d.ts定义
- 测试 test
- 测试项目/测试代码
- 部署
- 自动部署/发布
快速开始
npm i epee-ui
main.js/main.ts
<template> <epee-button>button</epee-button> </template> <script> export default { name: 'App', components: { }}</script>
配置按需引入组件()
无需安装插件 babel-plugin-import
使用
<template> <div> <Button >111 </Button> </div></template> <script lang="ts">import { defineComponent } from "vue";import {Button} from "epee-ui";export default defineComponent({ name: "App", components: { Button }, setup() { // },});</script>
如果要使用自定义标签名称
import { Input as EpeeInput } from "epee-ui";
gitee
暂时用gitee管理
document
相关资料
- element-ui2: 家喻户晓的element,基于vue2
- element-ui3: kkbjs维护的支持vue3的element
- vant: vant3.0支持vue3,但是好像问题比较多
- 组件库成品plain-ui:这个组件库还是基于Vue2.0开发,不过使用的是
@vue/composition-api + typescript
,所以每个组件的实现原理与Vue3.0
大致相同; - Vue3.0官方文档(英文)
- Vue3.0官方文档(中文)
- 渲染函数:官方文档
- 渲染函数:jsx-next github
- Vue3.0文档(中文):我在码云上同步过来的中文文档,不用翻墙,访问快很多;
- Composition Api:在Vue3.0文档中一样可以找到,这里给出直接访问地址。
- Typescript Deep Dive:我在码云上同步过来的
Typescript Deep Dive
一书的中文文档,不用翻墙访问很快; - @vue/cli Vue官方脚手架:官方推荐的用于创建Vue工程脚手架工具
- Vite:尤雨溪大佬新出的,旨在替代webpack-dev的开发工具;
开发说明
目录结构
记录
rollup+webpack所需要的依赖
npm i autoprefixer@8 babel-loader@8 css-loader@5 mini-css-extract-plugin postcss@8 postcss-loader@4 rollup-plugin-postcss@3 rollup-plugin-terser sass sass-loader@8 ts-loader@8 typescript webpack@4 webpack-cli@4 webpack-merge @rollup/plugin-babel @rollup/plugin-commonjs @rollup/plugin-node-resolve @rollup/plugin-typescript -D