Hview-plus NPM

🎃 介绍

Hview 是一个基于 Vue3 开发的 Minimalism 风格电脑端组件库，全面拥抱 Vue3 生态，由 芜湖起飞 团队进行维护。

✨ 特性

🚀 提供 30+ 个高质量通用组件
💪 由国人开发，完善的中英文文档和后勤保障
🛠️ 支持按需引入，减少打包体积
🛠️ 支持主题定制
🌍 支持国际化
🎯 使用 TypeScript 构建，提供完整的类型定义文件
🛠️ 支持暗黑模式
🤺 演练场，大有用武之地
🔐 确保 80% 以上单元测试覆盖率，提供稳定性保证，安全可靠

📦 安装

npm i hview-plus

🤹‍♀️ 使用

// main.ts
import { createApp } from "vue";
import HviewPlus from "hview-plus";
import "hview-plus/theme-chalk/style.css";

import App from "./App.vue";

const app = createApp(App);

app.use(HviewPlus);
app.mount("#app");

项目文档：chai-mayor.gitee.io/hview-ui

🤺 演练场

在 Hview UI Playground 对组件进行在线编辑。

有时可能会出现组件注册失败情况，刷新页面即可恢复正常

🥇 技术栈

核心：vue3 + typescript + less + vite

代码提交：husky、commitlint、lint-staged

代码风格：eslint、prettier、stylelint、postcss-less

目录规范：ls-lint

文档库：vitepress

国际化：vue-i18n

测试：vitest、@vue/test-utils、jsdom、c8

CI/CD：gulp、github actions、release-it

🎪 项目情况

项目名称：Hview-ui

名称寓意：往往学习编程的第一句代码都是 Hello World，而我们开发组件库也是第一次开发，我们的组件库也是参照已有的组件库进行开发和学习，而 view 有观察的意思并且和 vue 同音，所以我们将 h 和 view 融合在了一起，给组件库命名为 hview-ui 寓意我们这个新生的组件库能够通过学习融合现有组件库的优点，希望能为大家呈现出一个不错的组件库项目

logo 设计：view 还有透视、视图的意思，这里就用了三个不同视图方向的图案组成这个立体的 H

logo 寓意：我们的组件库还存在很多不完善的地方，非常希望广大开发人员能够使用我们组件库和给我们进行反馈和提问，我们会虚心接受，然后接纳大家的意见，不断迭代出让开发者满意的项目