如何在vue中启动vuepress

在Vue项目中启动VuePress，您需要在Vue项目的根目录下创建一个新的文件夹，例如`docs`，然后在该文件夹中创建一个`.vuepress`文件夹，用于存放VuePress的相关配置文件和静态资源文件，例如：

mkdir docs
cd docs
mkdir .vuepress

在`.vuepress`文件夹中，您可以创建一个`config.js`文件，用于配置VuePress的基本信息和主题等，例如：

module.exports = {
  title: 'My VuePress Site',
  description: 'This is my VuePress site',
  themeConfig: {
    nav: [
      { text: 'Home', link: '/' },
      { text: 'Guide', link: '/guide/' },
      { text: 'About', link: '/about/' },
    ],
    sidebar: [
      '/',
      '/guide/',
      '/about/',
    ],
  },
}

然后，在Vue项目的`package.json`文件中添加以下脚本：

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

其中，`docs:dev`用于在开发模式下启动VuePress，`docs:build`用于构建VuePress生成静态文件。

最后，在终端中执行以下命令即可启动VuePress：

npm run docs:dev

然后，在浏览器中访问`http://localhost:8080/`即可查看VuePress的网站。如果需要构建静态文件，可以执行以下命令：

npm run docs:build

VuePress会自动将静态文件生成在`docs/.vuepress/dist`文件夹中，您可以将其上传到服务器上进行部署。