VitePress - - - 创建项目并运行

1.VitePress 简介

VitePress 官网： https://vitepress.dev
VitePress 可以将 Markdown 文件生成静态 HTML 页面，常用于很少更改的信息性内容，例如产品页面、新闻文章、软件文档和博客。

生成的 HTML 页面为单页应用程序（SPA）。

2.快速开始

需要的环境：Node.js 18。

在 D 盘创建一个文件夹 vitepress。

使用命令提示符进入这个文件夹，执行命令。

登录后复制

npm add -D vitepress

• 1.

执行完成后文件夹中下载了项目的依赖包。

设置 Vitepress，执行命令。

登录后复制

npx vitepress init

• 1.

VitePress 应该在哪里初始化配置? 输入 docs 则初始化到 docs 目录下。

登录后复制

docs

• 1.

网站名称暂时默认，直接回车。

网站描述暂时默认，直接回车。

模板暂时默认，直接回车。

是否使用TypeScript处理配置文件和主题文件? 按左右键选择 No。

将 VitePressnpm脚本添加到package.json? 选择 Yes。

创建完成。

目录下创建了 docs 目录，docs 目录下有默认模板创建的文件。

运行项目，执行命令。

登录后复制

npm run docs:dev

• 1.

浏览器访问： http://localhost:5173/，VitePress 项目就创建成功了。

原创作者: zicl 转载于: https://blog.51cto.com/zicl/11685426