1.VitePress 简介
VitePress 官网:https://vitepress.dev VitePress 可以将 Markdown 文件生成静态 HTML 页面,常用于很少更改的信息性内容,例如产品页面、新闻文章、软件文档和博客。
生成的 HTML 页面为单页应用程序(SPA)。
2.快速开始
需要的环境:Node.js 18。
在 D 盘创建一个文件夹 vitepress。
使用命令提示符进入这个文件夹,执行命令。
npm add -D vitepress
执行完成后文件夹中下载了项目的依赖包。
设置 Vitepress,执行命令。
npx vitepress init
VitePress 应该在哪里初始化配置? 输入 docs 则初始化到 docs 目录下。
docs
网站名称暂时默认,直接回车。
网站描述暂时默认,直接回车。
模板暂时默认,直接回车。
是否使用TypeScript处理配置文件和主题文件? 按左右键选择 No。
将 VitePressnpm脚本添加到package.json? 选择 Yes。
创建完成。
目录下创建了 docs 目录,docs 目录下有默认模板创建的文件。
运行项目,执行命令。
npm run docs:dev
浏览器访问:http://localhost:5173/,VitePress 项目就创建成功了。