技能包

Slidev:用官方鷹架為開發者做簡報幻燈片

適合要在本機為開發者起一份簡報幻燈片專案的人;主路徑是 npm init slidev,需要 Node.js >= 20.12.0,執行前先確認寫入目錄。

官方來源 · Slidev

安裝

npm init slidev

適合誰

你要給開發者做簡報,並希望在本機用官方鷹架立刻起一份幻燈片專案時,這個技能對得上。它定位是面向開發者的簡報幻燈片。官方本機主路徑只有一條:先滿足 Node.js >= 20.12.0,再執行 npm init slidev。材料另有線上入口和編輯器說明,但不要和本機初始化並列成可替換主路徑。若你的 Node 低於 20.12.0,或你不打算在本機生成專案,先不要跑初始化。

它適合已經能執行 Node、只差一份可預覽幻燈片專案的人。不適合還沒裝到要求版本、卻想先改主題或擴充功能的人。編輯器方面,材料寫過整合編輯器,或 VSCode 擴充功能;那是編輯面,不是第二條安裝器。沒有簡報大綱也可以先初始化,但不要指望鷹架替你寫完整講稿。

3 分鐘完成第一次嘗試

只走這一條官方安裝命令:

npm init slidev

前置條件:先確認 Node.js >= 20.12.0。Node 的取得頁是

https://nodejs.org/

這一輪只初始化一份新專案,不上線、不接未寫明的線上入口。

安裝位置就是 npm init 將要建立的那個本機目錄。執行前先讓助手複述目標目錄和 Node 版本,你確認後再執行,因為這會寫入磁碟。

成功訊號:本機出現新的幻燈片專案,並且能按鷹架自己的提示開啟預覽。若命令失敗,先核對 Node 版本,不要改走未作為主路徑的線上建立。材料沒有寫預設主題名或匯出 PDF 的步驟。初始化若詢問專案名,用一個空目錄,避免覆蓋既有檔案。

使用案例

案例一:在本機新建一份開發者簡報。確認 Node 版本後執行官方初始化,只生成一份專案並開啟看看首頁是否出來。證據覆蓋 npm init slidev,但沒有給出問答項或模板清單,超出部分只能停在「能初始化並開啟」這一層。一次只初始化一個目錄。

案例二:用整合編輯器或 VSCode 擴充功能改幻燈片。專案起來後,在材料點名的編輯面裡改一頁內容。證據覆蓋 integrated editor 與 VSCode extension,但沒有寫擴充功能市集編號或快捷鍵。不要把編輯器安裝理解成另一套專案鷹架。改頁前先確認你改的是剛初始化的那份專案。先改一頁標題或一段說明,確認預覽跟著變,再考慮更多頁。

使用邊界

本機主路徑只有 npm init slidev,並要求 Node.js >= 20.12.0。材料還出現過線上位址

https://sli.dev/new

那不是這次推薦的主路徑,不要和 npm init 並列。編輯器文件分別指向

https://sli.dev/guide/index#editor

https://sli.dev/features/vscode-extension

它們只說明編輯面。第一次嘗試停在初始化與預覽。不要發明未寫明的安裝器,也不要在未確認目錄時重複執行 init。Node 版本不達標時,先停在執行時期要求上,不要降級改用未寫明的舊命令。