VitePress快速上手

本文主要是介绍VitePress快速上手，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

完整教程：https://blog.share888.top/note/front-end/vitePress/01-vitePress%E5%AE%89%E8%A3%85.html

https://blog.share888.top/

VitePress快速上手

官方文档：https://vitepress.dev/zh/guide/markdown

VitePress中文网：https://vitejs.cn/vitepress/guide/markdown.html

强大功能的 vuepress 主题： https://theme-hope.vuejs.press/zh/

步骤 1: 创建一个项目

创建并进入新项目的目录

mkdir vitepress-starter && cd vitepress-starter

用你喜欢的包管理工具初始化项目

yarn init

步骤2: 安装VitePress

添加 VitePress 和 Vue 作为项目的开发依赖项。

yarn add --dev vitepress vue

创建你的第一篇文章

mkdir docs && echo '# Hello VitePress' > docs/index.md

步骤3: 启动本地开发环境

package.json添加以下scripts

{..."scripts": {"docs:dev": "vitepress dev docs","docs:build": "vitepress build docs","docs:serve": "vitepress serve docs"},...
}

启动文档网站的本地服务器

yarn docs:dev

这篇关于VitePress快速上手的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---