【VitePress快速入门】初始化项目（一）

完整流程：https://segmentfault.com/a/1190000044948735#item-3-17

一、环境配置

在开始之前需要首先安装需要使用的软件。

1. VSCode​

官网：Download Visual Studio Code - Mac, Linux, Windows

2. NodeJS​

官网：Node.js — Download Node.js®

点击这个下载地址进行下载：https://nodejs.org/dist/v20.16.0/node-v20.16.0-x64.msi

powershell

PS C:\Users\Administrator\Desktop\ffffee> node -v
v20.16.0
PS C:\Users\Administrator\Desktop\ffffee>

设置全局的 npm 镜像地址​

bash

npm config set registry https://registry.npmmirror.com

3. 安装 Git​

Git 官网：Git - Downloads

https://github.com/git-for-windows/git/releases/download/v2.46.0.windows.1/Git-2.46.0-64-bit.exe

powershell

PS C:\Users\Administrator\Desktop\ffffee> git -v
git version 2.43.0.windows.1
PS C:\Users\Administrator\Desktop\ffffee>

二、VitePress 安装和初始化

1. 安装 vitepress

创建文件夹并使用vscode打开，通过crtl+j调出命令行，输入以下命令。​

注意这里是 npm add

npm add -D vitepress

2. 生成 vitepress 基础配置​

npx vitepress init

配置信息可以参考如下

3. 开发环境启动​

package.json 查看启动 命令

{
  "devDependencies": {
    "vitepress": "^1.5.0"
  },
  "scripts": {
    "docs:dev": "vitepress dev docs",
    "docs:build": "vitepress build docs",
    "docs:preview": "vitepress preview docs"
  }
}

输入（也可以根据自己的习惯修改启动命令）

npm run docs:dev

初始化完成

三、说明

index.md（入口文件）