首页 > 其他分享 >VuePress使用

VuePress使用

时间:2024-06-20 18:09:40浏览次数:13  
标签:npm 使用 js vuepress pnpm 安装 VuePress

记一篇:安装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:有兴趣可通过 链接 访问~ ~

 

 



标签:npm,使用,js,vuepress,pnpm,安装,VuePress
From: https://www.cnblogs.com/wulala9/p/18259236

相关文章

  • 【Effective Python教程】(90个有效方法)笔记——第3章:函数——23:用关键字参数来传参(位
    文章目录第3章:函数第23条用关键字参数来传参位置传递参数关键字传递参数位置和关键字传递参数混合使用另外,关键字形式与位置形式也可以混用。下面这四种写法的效果相同:==如果混用,那么位置参数必须出现在关键字参数之前,否则就会出错。==每个参数只能指定一次,不能既通过位......
  • 使用OpenZeppelin的Upgrades插件开发可升级的智能合约
    一、原理https://docs.openzeppelin.com/learn/upgrading-smart-contracts#how-upgrades-work当创建一个可升级合约的时候,OpenZeppelinUpgradesPlugins实际部署了3个合约:原始业务逻辑合约,也叫实现合约ProxyAdmin合约提供给用户进行交互的Proxy合约,它是原始业务逻辑合约的......
  • Day28.property使用part1
    1.property使用part1 @property用法,代码如下:#装饰器是在不修改被装饰对象源代码以及调用方式的前提下为被装饰对象添加#新功能的可调用对象#property是一个装饰器,用来将绑定给对象的方法,伪装成一个数据属性(即不需要加`()`调用)'''成人的BMI数值:过轻:低于18.5......
  • celery简单使用
    消费者.pyimportceleryimporttimefromcelery.schedulesimportcrontabbackend='redis://127.0.0.1:6379/0'broker='redis://127.0.0.1:6379/1'cel=celery.Celery('test',backend=backend,broker=broker,include=['task01&......
  • Java智慧工地源码 5G智慧工地系统源码 使用SAAS部署 三维可视化管理,与一线生产过程相
    Java智慧工地源码5G智慧工地系统源码使用SAAS部署三维可视化管理,与一线生产过程相融合,集成数据后台,统一前端入口,呈现多方项目信息;智慧工地是指运用信息化手段,通过三维设计平台对工程项目进行精确设计和施工模拟,围绕施工过程管理,建立互联协同、智能生产、科学管理的施工项......
  • Excel中万能的查询函数——VLOOKUP(使用方法+实操)
    1、Vlookup被誉为查询三剑客之一,在excel里查询有着举足轻重的作用。   基本语法:=VLOOKUP(lookup_value,table_array,col_index_num,[range-lookup]),也就是说有4个参数,参数一:要查找的值,参数二:要查找的区域,参数三:返回数据在查找区域的第几列数,参数四:精确匹配/近似匹配,通俗一点......
  • EyeLink 1000 plus(桌面式)眼动仪使用指导
    一、简介眼动追踪是测量眼睛运行的过程。眼动追踪研究的最关注的事件是确定人类或者动物看的地方(比如:“注视点”或“凝视点”)。更准确来说是通过仪器设备进行图像处理技术,定位瞳孔位置,获取坐标,并通过一定的算法,计算眼睛注视或者凝视的点,让计算机知道你正在看哪里,何时看的,为什么看......
  • postgresql简单使用
    postgresql.conf#系统、数据库配置文件pg_hha.conf#客户机连接文件pg_ctl和pgsql一、pg_ctl服务管理命令pg_ctl是PostgreSQL提供的控制服务启动、停止、重启等操作的命令行工具。常用选项和示例命令 选项 描述 示例启动PostgreSQL服务 start 启动数据库服......
  • HTML表格使用全指南,真的很详细
    HTML表格基础与语义化:构建结构化数据展示HTML表格是展示结构化数据的强大工具。通过合理的语义化标签使用,开发者可以创建出既美观又易于理解的表格。本文将介绍HTML表格的基本结构和语法,以及如何使用<caption>、<thead>、<tbody>、<tfoot>和<th>标签进行表格的语义化。HTML表......
  • 使用xtrabackup加密备份
    1.生成密钥串echo"123456"|md5sumf447b20a7fcbf53a5d5be013ea0b15af-#注意后面的中划线不算2.方式1-使用key#备份xtrabackup--user=mysqlbackup--password='Abc@12345678'--backup--compress--compress-threads=4--encrypt=AES256--encrypt-key=&......