快速开始安装依赖 {代码...} pkg#scripts {代码...} 目录结构 {代码...} 文档首页 {代码...} 运行npm run docs:dev，效果如下：更多配置见：[链接]文档配置新建文件docs/.vitepress/config.js文档头 {代码...} 侧边栏sidebar配置 {代码...} 目录结构 {代码...} 在非根路径（非首页）下的index.md中的内容随意写一些md语...

动机去年使用vue3 + TSX封装组件，结果卡在了打包上，直到最近发现，vite提供了tsx的打包插件。组件准备手把手创建Vue3组件库在packages/index.ts中引入相关的组件、工具库、样式。Vite配置 {代码...} pkg#scripts {代码...} 声明组件模块防止typescript中引入module报错 {代码...}

动机当市面上主流的组件库不能满足我们业务需求的时候，那么我们就有必要开发一套属于自己团队的组件库。环境开发环境：vue 3.0vue/cli 4.5.13nodeJs 12.16.3npm 6.14.4步骤创建项目使用 vue-cli 创建一个 vue3 项目，假设项目名为 custom-npm-ui {代码...} 手动选择设置。规划目录 {代码...} 将 src 目录改为 examples ...

简介Storybook是一个UI组件的开发环境。使用初始化StoryBook环境 {代码...} storybook自动检测开发环境，安装依赖。执行以上命令行会进行以下操作：1. 自动生成以下目录结构： {代码...} 2. 更新pkg#run-scripts： {代码...} 核心文件main.js {代码...} 该文件定义StoryBook与编译相关的配置。preview.js {代码...} 该文...