一、reveal.js簡介

一個(gè)能夠幫助我們很輕易地使用 HTML 創(chuàng)建一個(gè)漂亮的演示文稿的框架。
reveal.js有很多功能特性，包括 嵌套幻燈片，Markdown 內(nèi)容，PDF 導(dǎo)出，演講注釋，以及一個(gè) JavaScript API。

二、安裝reveal.js

reveal.js的某些特性需要服務(wù)器端的支持，如外部Markdown，演講者注釋。如果要用這些功能，需要安裝完整版。

1、安裝node

安裝node.js,最新版本即可(Mac安裝方式：brew install node)

切換模塊倉庫到阿里的源(Node 的官方模塊倉庫網(wǎng)速太慢)

npm config set registry https://registry.npm.taobao.org/

確認(rèn)是否切換成功

npm config get registry

2、安裝grunt

npm install -g grunt

3、安裝reveal.js

1、下載reveal.js源碼

下載reveal.js源碼到文件夾

git clone https://github.com/hakimel/reveal.js.git

2、安裝reveal.js依賴

cd reveal.js

npm install

3、運(yùn)行

grunt serve

打開 http://localhost:8000 來查看，也可以改變端口用 grunt serve --port 8001。

三、參考

1、github hakimel
2、網(wǎng)頁P(yáng)PT： reveal.js 介紹
3、Mac上安裝node和使用vue-cli構(gòu)建vue項(xiàng)目