在使用vitepress之前，咱们得先在自己的电脑里安装这个vitepress。如果您不知道什么是vitepress，请去搜索引擎搜一下就知道了。

在自己电脑上安装vitepress的前置条件

  • Node.js 18 及以上版本。

  • 通过命令行界面 (CLI) 访问 VitePress 的终端，比如：git

  • 支持 Markdown 语法的编辑器

开始安装vitepress

第一条命令是

1
npm add -D vitepress@next

第二条命令是

1
npx vitepress init

也就是所谓的vitepress安装向导，这个会提示你一步一步去安装vitepress。附图：

当看到Done! Now run npm run docs:dev and start writing.这段话的时候，vitepress就在自己的电脑里安装成功了。

vitepress的目录结构是这样的：

1
2
3
4
5
6
7
├─ docs
│  ├─ .vitepress
│  │  └─ config.js
│  ├─ api-examples.md
│  ├─ markdown-examples.md
│  └─ index.md
└─ package.json

如果要查看自己电脑中的这个vitepress，还需要一条命令就是：

1
npm run docs:dev

这时候会给一个本地的地址+端口号：http://localhost:5173/。直接在自己的浏览器里输入这个地址就可以查看在自己电脑上安装的vitepress了。附图：

就这样我们的vitepress就在自己的电脑里安装成功了，这时候只需要把vitepress修改成为你自己想实现的页面，就OK了。