通过 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:https://localhost:8080 查看效果。

打包组件

npm run build:lib

打包后组件被打包成js和css在 dist 文件夹中。

生成文档

npm run build:docs

生成文档在 docs 文件夹，打开 index.html 可以浏览。上传 Github 后可以开启项目 Page 访问。

vue-dotmd-loader