轱辘UI:基于 Vue 3 + TypeScript 的 UI 组件库

9,329 阅读1分钟

掘金用户的素质令我钦佩


这是我为了探索 Vue 3 新特性而写的 UI 组件库,请勿用于生产环境。

源代码:github.com/FrankFang/g…

官网:frankfang.gitee.io/gulu-ui-web…

依赖

"dependencies": {
  "github-markdown-css": "^4.0.0",
  "marked": "^1.1.1",
  "prismjs": "^1.21.0",
  "vue": "^3.0.0",
  "vue-router": "4.0.0-beta.3"
}

特点

面向代码学习者编写的开源组件库,代码简洁易读。

  • 使用 Vue 3 和 TypeScript 制作了四个组件。
  • 使用 Vue 3 + Vue Router 4 制作了官网。
  • 官网支持代码预览和代码高亮。
  • 使用 Vite 的 dev 命令和 build 命令进行开发与部署。
  • 手动编写 shell 自动化部署脚本。
  • 手动编写 Vite 插件
  • 使用 Rollup 打包库文件,并发布到 npm。
  • 学习如何给 Vue 3 提交 issue,并得到了尤雨溪的反馈。

截图