Vuepress v1 插件

简介

1. 使用自定义 ::: demo 语法，写一遍示例即可自动生成组件示例与代码示例；
2. 支持在md中使用 import 语法；
3. 支持code在线编辑,包括编辑含import的代码，但不支持在编辑页额外import其它的文件

##兼容性

1. 此版本只支持vue2项目

安装

1npm install galaxy-vuepress-cli -g --registry=http://120.79.37.227:4873/  

使用

生成vuepress

一键生vuepress配置，安装相关npm包

在您的项目根目录下使用

npx gvuepress init

运行

npm run docs:dev

注意

如果运行时报Vue packages version mismatch，那么需要去package.json里面将不匹配的依赖包锁版本，去掉^或者~版本修饰符

在进行完以上操作后，您即可使用本插件所有功能进行文档开发

在.md 文件中使用以下语法

1::: demo
2
3```vue
4<template>
5  <div>
6    <p>{{message}}</p>
7    <input v-model="message" placeholder="输入"></input>
8  </div>
9</template>
10<script>
11  export default {
12    data() {
13      return {
14        message: ''
15      }
16    }
17  };
18</script>
19```
20

一键为您所有的组件生成文档

npm run gen:docs

为单个组件生成文档

npm run gen:docs -- -t 'D:\code\CRM\src\components\AddRecords\AddRecords.vue'

发布测试

登录npm

npm adduser --registry http://120.79.37.227:4873
Username: galaxy
Password: Galaxy@20210826
Email: galaxy2021@qq.com

发布测试

npm version patch // 之后需要git push 让代码同步 npm publish --registry http://120.79.37.227:4873