手把手搭建VuePress文档(三)

简介: 原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。

2.4 在 package.json 中添加一些 scripts


这一步骤是可选的,但我们推荐你完成它。在下文中,我们会默认这些 scripts 已经被添加。

55.png其实,这个文件,在我初始化的时候就创建了。不过我再补充一下上面的内容。

为了,防止你真的是零基础小白。我这里把里面的全部内容 copy 出来,直接修改也可以。

56.png

2.5 将默认的临时目录和缓存目录添加到 .gitignore 文件中

Linxu or Mac:

57.png

Windows 直接创建文件 .gitignore 写入如下内容:

58.png

image.png

2.6 创建你的第一篇文档

60.png

Windows 的话,直接创建就好啦。把创建的文档放在 docs 文件夹下(这个文件夹自己创建)。


2.7 在本地启动服务器


61.png

当我们运行 yarn docs:dev 就相当于运行 vuepress dev docs


VuePress 会在 http://localhost:8080在新窗口打开 启动一个热重载的开发服务器。当你修改你的 Markdown 文件时,浏览器中的内容也会自动更新。


现在,你应该已经有了一个简单可用的 VuePress 文档网站。接下来,了解一下 VuePress 配置 相关的内容。




目录
相关文章
|
12天前
|
自然语言处理 JavaScript 网络协议
简单使用vitepress快速搭建一个文档网站
VitePress 是一个静态站点生成器 (SSG),类似的项目有docsify、VuePress、hexo。用 Markdown 编写的内容生成可以轻松部署到任何地方的静态 HTML 页。
27 9
|
5月前
|
JavaScript 前端开发 搜索推荐
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
315 1
|
5月前
|
JavaScript 搜索推荐 前端开发
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
183 0
|
11月前
|
资源调度 JavaScript 应用服务中间件
VuePress介绍及使用指南
VuePress是一个基于Vue.js的静态网站生成工具,它专注于以Markdown为中心的项目文档。VuePress具有简单易用的特性,同时提供了强大的自定义和扩展性。
167 2
VuePress介绍及使用指南
|
监控 JavaScript 前端开发
Grunt快速入门教程
Grunt入门介绍:中文主页 : http://www.gruntjs.net/ Grun是一套前端自动化构建工具,一个基于nodeJs的命令行工具 Grunt它是一个任务运行器
114 0
|
JavaScript 开发者 SEO
vuepress入门教程
vuepress入门教程
1463 0
|
人工智能 自然语言处理 JavaScript
手把手搭建VuePress文档(四)
原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。
349 0
手把手搭建VuePress文档(四)
|
资源调度 JavaScript Linux
手把手搭建VuePress文档(一)
原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。
209 0
手把手搭建VuePress文档(一)
|
资源调度 Linux Windows
手把手搭建VuePress文档(二)
原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。
151 0
手把手搭建VuePress文档(二)
|
移动开发 前端开发 JavaScript
使用 VuePress 搭建一个自己的知识文档
最近准备对前端知识做一个梳理,将自己的平时遇到的问题和解决方案形成一个知识文档。 本文记录了搭建 VuePress 的主要过程,同时也提供了部分自定义的配置,示例地址:http://doc.i-fanr.com
466 0