创建脚手架
npm create vite
写组件
packages/Button/src/index.vue
packages/Button/index.ts
packages/index.ts
库打包模式
build/base.config.ts
build/lib.config.ts
package.json
使用
全局引入
按需引入
文档
npm install vue-router@4
npm i vite-plugin-md -S
src/env.d.ts
src/router.ts
main.ts
build/base.config.ts
Button/src/docs/README.md
APP.vue
npm run dev
vite-plugin-md所带来的点击事件效果
Button/src/docs/demo.vue
Button/src/docs/README.md
npm run dev
代码预览功能
src/assets/markdown.css
src/assets/prism.css
高亮 npm install prismjs -D
src/components/Preview.vue
src/main.ts
Button/src/docs/README.md
npm run dev
命令式新建组件
npm i inquirer -S
npm i handlebars -S
script/genNewComp/index.js
script/genNewComp/infoCollector.js
script/genNewComp/tplReplacer.js
script/genNewComp/.template/index.ts.tpl
script/genNewComp/.template/install.ts.tpl
script/genNewComp/.template/router.ts.tpl
script/genNewComp/.template/src/index.vue.tpl
script/genNewComp/.template/docs/demo.vue.tpl
script/genNewComp/.template/docs/README.md.tpl
package.json
npm run gen
分开文档和库的构建逻辑
build/doc.confog.ts
复制packages 为了fetch script/copyDir.js
package.json
npm run build:doc