1.封装vue组件库-知识点

242 阅读1分钟

快速原型开发

vuecli提供插件进行原型快速开发

npm install -g @vue/cli-service-global

vue serve  运行

结合 Element-ui

npm init -y 

vue add element

//main.js import ElementUI from ‘element-ui’ Vue.use(ElementUI) //打包会自动生成index.js包含id=‘app’的div 组件开发:

Monorepo

一个项目仓库中管理多个模块/包

目录结构: packages

Button.install = Vue => {}

调用 Vue.use

storybook

可视化的组件展示平台

已交互式方式展示组件

使用:

npx -p @storybook/cli sb init —type vue   已有项目中 yarn add vue vue yarn add vue-loader vue-template-compiler —dev yarn storybook 启动 yarn build-storybook 构建 story-book-static发布