简单使用Slidev和PPTist

简单使用Slidev和PPTist

1 简介

前端PPT制作有很多优秀的工具包,例如:Slidev、revealjs、PPTist等,Slidev对Markdown格式支持较好,适合与大模型结合使用,选哟二次封装;revealjs适合做数据切换,例如常规的走马灯和单页PPT等,PPTist可直接使用和二次封装。PPTist效果不错。

项目地址

# Slidev
https://github.com/slidevjs/slidev

# revealjs
https://github.com/hakimel/reveal.js

# PPTist
https://github.com/pipipi-pikachu/PPTist

2 Vue使用Slidev

2.1 使用vite创建项目

# vue3官网
https://cn.vuejs.org/
https://vuejs.org/

# vite官网
https://cn.vitejs.dev/

# 参考地址
https://sli.dev/guide/

安装slidev

npm init slidev@latest

初始化过程如下

工程名:vppt;框架:Vue;

npm init slidev@latest

  ●■▲
  Slidev Creator  v51.7.1

√ Project name: ... vppt
  Scaffolding project in vppt ...
  Done.

√ Install and start it now? ... yes
√ Choose the package manager » npm

added 644 packages, and audited 645 packages in 51s

192 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

> dev
> slidev --open



  ●■▲
  Slidev  v51.7.1

  theme       @slidev/theme-seriph
  css engine  unocss
  entry       D:\1_projects\vscode\vppt\slides.md

  public slide show   > http://localhost:3030/
  presenter mode      > http://localhost:3030/presenter/
  slides overview     > http://localhost:3030/overview/
  export slides       > http://localhost:3030/export/
  remote control      > pass --remote to enable

  shortcuts           > restart | open | edit | quit

2.2 简单使用

⚠️ 在VS code中可以安装Slidev插件

# 启动Slidev
npm run dev

# 编译Slidev
npm run build

# 导出Slidev
npm run export

访问地址

http://localhost:3030/1

简单操作

在这里插入图片描述

导出PPT

⚠️ 导出的是图片,无法编辑。

在这里插入图片描述

3 简单使用PPTist

从Github上下载PPTist,解压(删除后缀"-master")后按照下面方法初始化。

# 初始化依赖包
npm install

# 运行项目
npm run dev

使用页面

在这里插入图片描述

AI生成PPT

在这里插入图片描述

导出PPT
在这里插入图片描述

基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统,个人经导师指导并认可通过的高分设计项目,评审分98分,项目中的源码都是经过本地编译过可运行的,都经过严格调试,确保可以运行!主要针对计算机相关专业的正在做大作业、毕业设计的学生需要项目实战练习的学习者,资源项目的难度比较适中,内容都是经过助教老师审定过的能够满足学习、使用需求,如果有需要的话可以放心下载使用。 基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经网络的果蔬识别系统基于python tensorflow2.3的果蔬识别系统源码+模型-基于卷积神经
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值