Skip to content

快速上手

本节将帮助你从头开始搭建一个简单的 VitePress 文档站点。

tips: 使用 yarn 管理依赖

  • 步骤1: 创建一个文件夹并进入文件夹
shell
  mkdir your-project-name && cd your-project-name
  • 步骤2: 初始化
shell
  yarn init
  • 步骤3: 安装VitePress
shell
  yarn add --dev vitepress
  • 步骤4: 创建一个 docs 文件夹,在下面再创建一个 index.md 文件并写下最重要的一句
md
    # Hello VitePress
  • 步骤5: 在 package.json 文件中添加如下脚本
json
{
  "scripts": {
    "docs:dev": "vitepress dev docs",
    "docs:build": "vitepress build docs",
    "docs:serve": "vitepress serve docs"
  }
}
  • 步骤6: 原神启动
shell
yarn docs:dev

启动你会得到一个本地热重载的开发服务地址 Local: http://127.0.0.1:**/ 点击它会发现你成功了