SuperApp 提供的小程式腳手架支援直接編譯和構建 WindVane 小程式。該腳手架協助開發人員快速瞭解小程式的代碼結構，聚焦商務邏輯開發，提升開發效率。本文介紹如何在 VS Code 中使用 WindVane 小程式腳手架。
前提條件
請確保已下載並安裝以下工具的最新版本：
初始化腳手架
在 VS Code 側邊欄中選擇
SuperApp Miniapp Develop Tool 外掛程式。在當前視窗中點擊 建立小程式，VS Code 將彈出模板選擇頁面。
外掛程式內建提供 7 個模板，支援 React、Vue、Angular 三大主流前端架構，同時也提供不依賴任何架構的空白模板。
選擇模板後，系統將彈出檔案儲存對話方塊（下圖以 macOS 為例）
在對話方塊中自訂應用程式名稱，並選擇專案儲存目錄。
點擊 Create，即可完成腳手架專案的初始化。
初始化完成後，外掛程式將自動開啟產生的專案工程。
安裝專案依賴
執行
npm install，添加專案依賴。添加後的工程目錄如圖所示。
工程目錄結構
public目錄是公用資來源目錄。srcipts構建指令碼。src目錄是開發源檔案目錄。裡麵包含了幾個子目錄及檔案：assets：放置圖片，如logo等。
components：組件檔案目錄。
index.js：專案入口檔案。
package.json專案設定檔。node_modulesnpm載入的專案相依模組。dist使用npm run build命令打包後會產生該目錄。
JSAPI接入說明
VS Code外掛程式支援根據程式碼片段提示快速接入 JSAPI，關於 JSAPI 的詳細說明請參見 JSAPI概覽。
在VS Code外掛程式中對Windvane JSAPI相關的代碼設定了程式碼片段提示，在
.js或.ts檔案中，輸入WV後，編輯器將自動提示相關 API。選擇目標 JSAPI 後，外掛程式會自動插入對應的程式碼片段，協助您快速完成 API 接入。
