Skip to content

新建一个文件夹,比如vitePressDemo,执行

安装

cmd
yarn init
yarn add -D vitepress

运行

在package.json中的scripts中添加相应代码,运行yarn docs:dev即可运行,如果要指定端口后则在后面添加 -port 5000

json
{
  "scripts": {
    "docs:dev": "vitepress dev docs",
    "docs:build": "vitepress build docs",
    "docs:preview": "vitepress preview docs"
  }
}

这里的指令vitepress dev docs中的docs代表项目根目录。

注意点: 如果想直接以vitePressDemo目录作为项目目录,则执行命令为vitepress dev, 如果想以vitePressDemo下的其他目录作为项目的目录,则需要填写目录名称, 这里的指令vitepress dev docs,指定是vitePressDemo目录下的docs文件夹作为项目根目录。

具体文件结构下一节讲解