線上程式碼編輯器 StackBlitz

StackBlitz是線上的IDE，可以直接透過瀏覽器編輯專案，還能夠直接預覽。官網上提供快速建立 Angular、React等專案的連結，免費版只能建立公開的專案。

另外也提供匯入或下載專案，登入github帳號還可以直接建立新的 Repo 並 sync 到 github 上，也支援編輯 github 上的專案，可以做修正並commit。

介面和 Visual Studio Code（VS Code）非常雷同，最重要的是強大的Dependencies管理，操作上也可以使用多個視窗的編輯，即使是多數現下編輯器都有的功能，這點也讓 StackBlitz 和CodePen、JSFiddle這些線上編輯器有很大的區隔。

如果是前端網頁開發，同時做預覽應該是蠻方便的，分享程式碼就更方便了。

Asciidoctor + VS Code安裝外掛套件快速開發、預覽功能

一、安裝套件

方法一
(1) 按快捷鍵 [ctrl] + [P]
(2) 輸入下面的指令:

ext install joaompinto.asciidoctor-vscode

(3) 按 [Enter] 送出

方法二
(1) [View] → [Extensions]

(2) 搜尋「AsciiDoc joaompinto」，找到後按綠色按鈕 Install

二、使用方式

打開AsciiDoc的檔案(.adoc, .ad, .asc, .asciidoc)，按下快捷鍵 [ctrl]+[shift]+[v]

三、輸出HTML

快捷鍵 [ctrl]+[alt]+[s]，自動在同一個目錄下產生相同檔名的 html 檔案。

參考資料：https://github.com/asciidoctor/asciidoctor-vscode