vue-component-devtool
vue-component-devtool copied to clipboard
Vue 组件开发模板
vue-component-devtool
通过 vue-cli 初始化;采用 vue-dotmd-loader 来加载文档。
基于 webpack 的 Vue 组件开发工具。可以编写例子,文档。
use
git clone https://github.com/mengdu/vue-component-devtool my-component
安装依赖
yarn
# or
npm install
功能
- 打包vue组件,导出
umd模式 - 支持
markdown解析 markdwon可以编写编写vue例子
目录:
├─build 开发工具
├─docs 打包后的文档
├─dist 打包后库
│ ├─index.umd.js
│ └─index.css
├─src 组件源码
├─examples 文档源码
开发模式(支持热更新)
npm run dev
打开 http://localhost:8080 查看效果。
打包组件
npm run build:lib
打包后组件被打包成js和css在 dist 文件夹中。
生成文档
npm run build:docs
生成文档在 docs 文件夹,打开 index.html 可以浏览。上传 Github 后可以开启项目 Page 访问。