手把手搭建VuePress文档(二)

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

2. 快速上手


本文会帮助你从头搭建一个简单的 VuePress 文档。如果你想在一个现有项目中使用 VuePress 管理文档,从步骤 3 开始。


2.1 创建并进入一个新目录

我用的是 Windws 下使用 Linux 命令,Windows 直接界面创建文件夹,cmd 进入文件夹就可以了

PS:买不起MacBook,使用Windows 10配置zsh命令行做开发https://www.aiyc.top/1976.html 有时候还不是很好用。

45.png命令解析:46.png

我的操作:

47.png

命令也可以分开:

48.png

2.2 使用你喜欢的包管理器进行初始化


49.png

我的操作:

50.png

51.png52.png

2.3 将 VuePress 安装为本地依赖

我们已经不再推荐全局安装 VuePress

53.png

注意

如果你的现有项目依赖了 webpack 3.x,我们推荐使用 Yarn (opens new window)而不是 npm 来安装 VuePress。因为在这种情形下,npm 会生成错误的依赖树。

坑 1:最新版的 VuePress 需要大于 V12.13.0

54.png

需要切换 nodejs 的版本,这里还是推荐使用 nvm:https://www.aiyc.top/1946.html

目录
相关文章
|
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文档(一)
|
缓存 资源调度 Windows
手把手搭建VuePress文档(三)
原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。
196 0
手把手搭建VuePress文档(三)
|
移动开发 前端开发 JavaScript
使用 VuePress 搭建一个自己的知识文档
最近准备对前端知识做一个梳理,将自己的平时遇到的问题和解决方案形成一个知识文档。 本文记录了搭建 VuePress 的主要过程,同时也提供了部分自定义的配置,示例地址:http://doc.i-fanr.com
466 0