Vuepress可以使用MD语法快速生成文档博客。在这里,只有个人使用VuePress来生成Vue组件库文档的过程,以及使用中遇到的问题(MD语法在这里并不麻烦,请自己查看)。
根据现有项目安装依赖项(不建议用于全球安装)
创建相应的目录文件(自己调整项目)
在package.json中添加以下命令
编辑config.js文件,如下所示:(请注意此处名为readme.md的文件)
有关更详细的配置,请参阅Vuepress官方网站
主页配置(文档/readme.md文件)
在MD文件中使用VUE,并使用标签中组件中定义的文件。.vuepress/组件中的VUE文件将自动注册为全局组件。因此,您可以直接使用名称的相应组件,而无需再次引入。
使用阿里巴巴矢量图将Alibaba Vector图静态文件放在.vuepress/public/fonts fonts fonts文件夹中(否则,包装后它将丢失相应的字体文件)。使用VUE时,通常会在Main.js.s.cs中引入它(在公共场合将其包装在其他路径后会丢失)。目前,相应的CSS文件是通过rebig或vue文件中的样式中的@import()介绍的。
- 在包装中的配置中使用操作和包装。