hy-element

快速开始 ​

安装 ​

bash
pnpm install -D @hyElement --save

开始使用 ​

全局使用

js
// 引入所有组件
import hyElement from 'hyElement'
// 引入样式
import 'hyElement/dist/index.css'

import App from './App.vue'
// 全局使用
const app = createApp(App)
app.use(hyElement)
app.mount('#app')
vue
<template>
	<hy-button>我是 Button</hy-button>
</template>

单个导入

hyElement 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。

vue
<template>
	<hy-button>我是 Button</hy-button>
</template>
<script>
	import { hyButton } from ' hy-element'
	export default {
		components: { hyButton },
	}
</script>

亮点 ​

Details
  • Vite + Vitest + Vitepress 工具链
  • monorepo 分包管理
  • github actions 实现 CI/CD 自动化部署
  • 大模型辅助：使用大模型辅助完成需求分析，设计思路，快速实现组件，提升开发效率。
  • 当然，也会展示 发布“开箱即用” 的 npm 包