Vue.js 如何以正确的方式在Nuxt项目上添加Vuepress？

我有我的Nuxt应用程序，我正在尝试添加Vuepress。 我做了

纱线添加vuepress@next-D

然后创建

docs

文件夹和

readme.md

文件

问题：如果

.vuepress

文件夹位于

文档

文件夹之外，则项目仅显示侧栏和导航栏；如果它在里面，它将无法工作-不遵守config.js规则

此外，它还能识别Nuxt应用程序中的readme.md（也在docs文件夹外），而不是docs文件夹内的readme.md

有人能帮我吗

另一个问题，如果上述方法有效，我是否能够通过

localhost:3000/docs

而不是

localhost:3000

访问Nuxt项目和

localhost:8080

访问文档

这是我当前的文件夹结构（没有侧栏显示-不考虑.vuepress文件夹中的config.js）：

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。查查官员

numxt

Nuxt能够完成VuePress的功能，但它是为构建应用程序而设计的。VuePress专注于以内容为中心的静态站点，并提供为技术文档量身定制的现成功能

---

我确实需要它，因为更多的用户将在NetLiftCM上编写Vuepress文档。这就是为什么我的主Nuxt应用程序将有一个Vuepress文档。@FabioZanchi因为您的用例很时髦，所以没有合适的方法谢谢大家。我将为文档创建一个单独的项目。

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'
      },
    ]
  }
}