记一篇:安装Vuepress过程也遇到的问题,于是想写篇文章总结一下~ ~
一、介绍
VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown在新窗口打开 来书写内容(如文档、博客等),然后 VuePress 会帮助你生成一个静态网站来展示它们。
官网链接:https://vuepress.vuejs.org/zh/guide/introduction.html
二、安装
依赖环境:Node.js v18.16.0+
1.node/npm安装
因为原node.js v16.0.1需卸载后重新安装,在Node.js官网下载msi文件:下载地址: Node.js — Download,下载后点击msi安装,
安装后cmd 运行node -v npm-v 查看版本
2.pnpm安装(非必要)
为什么使用pnpm? pnpm 本质上就是一个包管理器,这一点跟 npm/yarn 没有区别 它的优势:包安装速度极快;磁盘空间利用非常高效;
可以使用npm i -g pnpm安装
想了解pnpm更多的内容可以通过此篇进行了解:链接
3.VuePress安装
(1)#安装 vuepress:
npm install -g vuepress
(2)#安装打包工具和主题:
npm install -g @vuepress/bundler-vite@next @vuepress/theme-default@next
到此相关依赖已安装完成
三 、调试/运行
创建项目模板:pnpm create vuepress-theme-hope my-docs 或 npm init vuepress-theme-hope@latest my-docs
my-docs可替换自己想生成的文件
启动后查看发现报错:端口被占用
可通过对应文件package.json 修改端口号 cd 进入生成文件的路径
以上就完成相关打包调试流程了,访问 http://localhost:8089/
以上demo来源是giee:有兴趣可通过 链接 访问~ ~