部署Vue Vite和ArcBlock的ABT節點

演練如何使用現成的 Vue Vite Blocklet 和 ABT 節點部署 Vue。

介紹

在這個示範中，我們將向您展示如何使用現成的Blocklet和ABT節點快速部署Vue Vite。與其他 Blocklet 類似，ABT Node 是一個適應性強的開發者平台，使開發者能夠使用他們喜歡的框架（包括 ReactJS、Express，當然還有 Vue）輕鬆建立他們的專案。 Vue Vite Blocklet 包含使用 Vue 快速部署和開始編碼所需的一切，以及整合工具，可輕鬆新增decentralized identity, blockchains等。

什麼是 Vue Vite

對於不知道的人來說，Vue 是一個漸進式框架，可以輕鬆建立使用者介面，並且旨在逐步採用（類似於根據需要添加 Blocklet）。在這個演示中，我們將 Vue 與 Vite 結合起來，Vite 是一個閃電般快速的冷伺服器，提供即時熱模組和真正的按需編譯。 Vite 提供了無捆綁程式開發設置，可讓您使用單一檔案元件開發 Vue 應用程序，而無需在開發過程中進行任何捆綁。有趣的是，Vite 不僅可以與 VueJS 配合使用，還可以被其他函式庫（例如 ReactJS）使用。

在 ABT 節點上部署 Vue + Vite

要開始使用 Vue Vite 和 ABT Node，只需訪問 Blocklet Github 頁面 -https://www.github.com/blocklet 並選擇 Vue + Vite Blocklet。

點選在 Gitpod 中開啟

选择在 Gitpod中打开选项以启动 Cloud IDE 并在 ABT 节点上启动 Vue Vite Blocklet。請注意，我們與 Gitpod 合作，使開發人員能夠使用 ArcBlock 的 ABT 節點完全在雲端中快速開始編碼、建置和調試他們的應用程式和專案。

自動部署Vue和ABT節點

如螢幕截圖所示，ABT Node Daemon 已啟動並將在偵錯模式下部署 ABT Node，以便您可以立即開始使用程式碼，以及存取 ABT Node 的儀表板和 Web 上的 Vue 預覽。

ABT 節點現已運行

現在我們可以看到開發伺服器在雲端本地運行，並且 NGINX 等服務已經自動部署。

點擊鏈接

現在可以使用可存取的 URL，包括在我們的瀏覽器中存取 ABT Node 儀表板和 Vue 的連結。

預覽 Vue Vite 並開始編碼

此時，Vue 正在雲端中的 ABT Node 上運行，開發人員可以存取原始檔案並開始編輯其專案的程式碼。

立即嘗試 Vue + Vite

現在，輪到你開始了。Click on this link啟動 Cloud IDE 在 ABT 節點上啟動 Vue Blocklet。

部署到ABT節點

如果您是開發人員並準備好在 ABT 節點環境中開始使用 Vue，請返回Github and you can select Install on ABT Node將任何 Blocklet 直接安裝到您的開發環境中。只需按照步驟即可完成安裝。