当前位置: 首页 > 网络应用技术

Vuepress使用和记录的坑

时间:2023-03-05 20:56:25 网络应用技术

  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()介绍的。

  - 在包装中的配置中使用操作和包装。