当前位置: 首页 > Web前端 > JavaScript

使用VuePress快速搭建博客、在线文档、静态网站(VuePress项目创建)

时间:2023-03-27 01:58:29 JavaScript

VuePress介绍VuePress是Vuejs官方提供的一款Vue驱动的静态网站生成器,基于Markdown语法生成网页。简单的说,它是一个快速搭建文档站点的工具。简单的功能配置之后,接下来要做的就是一个一个的写Markdown文档了。VuePress官网https://www.vuepress.cnVuePress指南https://www.vuepress.cn/guide...安装VuePress前请先安装Node.jsNode.js下载地址http://www.nodejs.com.cn可以在硬盘上新建一个目录,比如我在D盘根目录下新建一个VuePress目录,然后双击进入这个目录,在这个目录的路径栏中输入(替换为D:\VuePresswithcmdandpressEnter)CMD启动cmd来执行命令。cmd命令行工具将在该目录中启动。VuePress安装命令npminstall-Dvuepress国内请使用cnpm安装会更快,可以执行以下命令安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org然后执行以下安装VuePress的命令cnpminstall-dvuepress直接粘贴命令回车即可开始安装。只要命令还在运行,说明还没有安装完成,需要耐心等待。上面写的这么详细,只是为了照顾新手,不要嫌弃。如果新手连上面的操作都不懂,建议现在学习一下Vue项目的创建、配置、运行、打包等基础知识。创建VuePress文档mkdirdocs&&echo'#HelloVuePress'>docs/README.md配置VuePress将以下代码添加到VuePress项目目录中的package.json文件中。{"scripts":{"docs:dev":"vuepressdevdocs","docs:build":"vuepressbuilddocs"}}启动VuePress项目npmrundocs:dev启动后,一个http服务就可以写了你的文档、博客、文章等通过Markdown语法!VuePress进一步配置如果你想进一步完善你的VuePress文档,甚至让VuePress像博客一样使用,那么你可以根据VuePress官网亮等,这会让你快速学会使用VuePress来写你的文章。作者坦克