快速上手 VuePress

依赖环境

  • pnpm 7.29.3
  • vue 3.3.4
  • vuepress 2.0.0-beta.62

安装：

  • 步骤1: 创建并进入一个目录

  • 步骤2: 初始化项目

    1
    pnpm init

  • 步骤3: 添加本地依赖

    1
    pnpm add -D vuepress@next @vuepress/client@next vue

  • 步骤4: 在 package.json 文件中添加 script

    1
    2
    3
    4
    5
    6
    {
      "scripts": {
        "docs:dev": "vuepress dev docs",
        "docs:build": "vuepress build docs"
      }
    }

  • 步骤5: 创建第一篇文档

    新建一个 docs 目录

    1
    mkdir docs

    新建一个 markdown 文件，并写入内容

  • 步骤6: 在本地启动服务器

    1
    pnpm docs:dev

VuePress 会在 http://localhost:8080/ 启动一个热重载的开发服务器。当你修改你的 Markdown 文件时，浏览器中的内容也会自动更新。

整个 VuePress 搭建完成！