+
95
-

回答

Slidev.js是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容,同时拥有支持 HTML 和 Vue 组件的能力,并且能够呈现像素级完美的布局,还在你的演讲稿中内置了互动的演示样例。

它使用了功能丰富的 markdown 文件来生成精美的幻灯片,具有即时重载的体验。它还拥有很多内置的集成功能,如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的,因此你可以使用它进行任何操作 —— 具有无限的可能性。

本地安装

使用 NPM:

$ npm init slidev

使用 Yarn:
$ yarn create slidev

#命令行界面

在安装了 Slidev 的项目里,你可以在你的 npm scripts 里使用 slidev 命令。

{
"scripts": {
"dev": "slidev", // 启动 dev server
"build": "slidev build", // 构建生产环境的单页面应用
"export": "slidev export" // 将幻灯片导出为 pdf 格式
}
}


或者,你也可以使用 npx

$ npx slidev

执行 slidev --help 命令获取更多选项的详细信息。

#Markdown 语法

Slidev 会读取位于项目根目录的 slides.md 文件,并将其转换为幻灯片。每当你修改 Markdown 文件,幻灯片的内容都会立刻随之更新。例如:

# Slidev
Hello World
---
# 第 2 页
直接使用代码块,能够实现代码高亮
//```ts
console.log('Hello, World!')
//```
---
# 第 3 页


网友回复

我知道答案,我要回答