vinci0905 / vue-component-devtool

基于 webpack 打造的 Vue 组件开发工具。

vue-component-devtool

基于 webpack 的 Vue 组件开发工具。可以编写例子，文档。

基于vue init webpack 模板修改，参照了 element-ui 的实现。

Example

use

git clone https://github.com/mengdu/vue-component-devtool my-component

安装依赖

yarn
# or
npm install

功能

• 打包vue组件，导出 umd 模式
• 支持 markdown 解析
• markdwon 可以编写编写vue例子

目录：

├─build 开发工具
├─config 开发配置
├─dist 打包后内容
│  ├─index.js
│  └─css
├─src 组件源码，以 `index.js` 导出组件
├─docs 文档及在线列子源码
├─example 生成的文档及在线例子
├─index.js 用于导出包和css加载

可以在 docs 的文件里 import MyComponent from '@/index' 载入你的组件。

开发模式（支持热更新）

npm run dev

打开 http://localhost:8080 查看效果。

打包组件

npm run build

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

生成文档

npm run docs

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

Other

element-ui

vue-markdown-loader

---