epee-ui v0.1.13

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

import { createApp } from 'vue'
import App from './App.vue'

import EpeeUI from 'epee-ui'
import 'epee-ui/dist/index.css'

createApp(App).use(EpeeUI).mount('#app')

<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管理

https://gitee.com/hhhsir/epee-ui

document

http://hhhsir.gitee.io/epee-ui

相关资料

• 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