开始 {#getting-started}

本章节将帮助你从零开始构建一个基础的 VitePress 文档站点、如果你想改造已有的项目,并希望保留原文档,请从第 3 步开始操作。

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

    1. $ mkdir vitepress-starter && cd vitepress-starter
  • 步骤 2: 使用你常用的包管理工具初始化 package.json

    1. $ yarn init
  • 步骤 3: 本地安装 VitePress

    1. $ yarn add --dev vitepress
  • 步骤 4: 创建文档

    1. $ mkdir docs && echo '# Hello VitePress' > docs/index.md
  • 步骤 5:package.json 中添加 scripts 命令

    1. {
    2. "scripts": {
    3. "docs:dev": "vitepress dev docs",
    4. "docs:build": "vitepress build docs",
    5. "docs:serve": "vitepress serve docs"
    6. }
    7. }
  • 步骤 6: 在本地启动文档站点

    1. $ yarn docs:dev

    VitePress 将启动一个热重载的开发服务器,其地址是 http://localhost:3000。

此刻,你已经拥有了一个简单但功能强大的 VitePress 文档站点。

当你的文档站点成型时,请务必阅读 部署指南