vue.js - 如何以适当的方式在Nuxt项目上添加Vuepress？

我有我的Nuxt应用，正在尝试在其上添加Vuepress。
我做了yarn add vuepress@next -D，然后在其中创建了docs文件夹和readme.md文件。

问题:如果.vuepress文件夹不在docs文件夹之外，则项目仅显示边栏和导航栏；否则，该项目仅显示边栏和导航栏。如果在里面，它将无法正常工作-不遵守config.js规则。

另外，它可以识别Nuxt应用程序中的readme.md(也位于docs文件夹之外)，而不是docs文件夹中的一个。

有人可以帮我吗？

另一个问题，如果上述方法可行，我是否可以通过localhost:3000/docs而不是Nuxt项目的localhost:3000和文档的localhost:8080访问？

那是我当前的文件夹结构(没有显示侧边栏-不尊重.vuepress文件夹内的config.js):

docs
  |__.vuepress
  |     |__config.js
  |
  |__guides

config.js文件:

module.exports = {
  title: 'Documentation',
  description: 'Documentation',
  themeConfig: {
    sidebar: 'auto',
    nav: [{
        text: 'Home',
        link: '/'
      },
      {
        text: 'Guides A',
        link: '/guides/apis/'
      },
      {
        text: 'item with subitems',
        items: [{
            text: 'Subitem 01',
            link: '/'
          },
          {
            text: 'SubItem 02',
            link: '/'
          }
        ]
      },
      {
        text: 'External',
        link: 'https://google.com'
      },
    ]
  }
}

Vuepress版本1.0.2

谢谢。

最佳答案

为什么需要同时使用这两项？如果您使用Nuxt，则实际上不需要VuePress。检查官方VuePress documentation。