SuperApp 支援通過 VS Code 外掛程式快速初始化專案腳手架、執行打包構建，並關聯應用開放平台發布 WindVane 小程式。本文將詳細介紹如何利用 VS Code 高效開發 WindVane 小程式的完整流程。
1. 前提條件
在開始開發前，請確保已完成以下準備工作：
已有一個 Native App。
Native App 已接入小程式容器：
Android 端接入操作，詳情請參見：Android端接入操作。
iOS 端接入操作，詳情請參見：IOS端接入操作。
WindVane 小程式的運行依賴於已整合小程式容器的 Native App。
在開發小程式前，請確保已建立並配置至少一個 App 作為小程式的發布載體。
2. 流程預覽
WindVane小程式的完整開發流程涉及兩個角色：Native App 開發人員和 WindVane 小程式開發人員，本文主要面向 WindVane 小程式開發人員，介紹從開發到上線的全流程。
角色 | 職責 |
Native App 開發人員 | 負責在原生 App 中整合 SuperApp 解決方案（如小程式容器） |
WindVane 小程式開發人員 | 負責使用腳手架開發、調試並發布小程式 |
基本操作流程如下：
3. 詳細步驟
步驟 1：安裝外掛程式
下載並安裝 WindVane 小程式 VS Code 外掛程式，詳情請參見安裝外掛程式。
步驟 2：使用腳手架
在 VS Code 中使用 WindVane 腳手架快速初始化小程式專案，自動產生標準目錄結構和設定檔，詳情請參見 使用腳手架。
步驟 3：關聯應用
在 SuperApp 應用開放平台中，建立應用，用於在 VS Code 中關聯小程式工程。詳情請參見：關聯應用。
關聯後您的小程式工程將接入應用開放平台，則可通過應用開放平台打包構建、發布小程式。
步驟 4：預覽與調試
小程式可以在 VS Code 中預覽調試，也可通過 WindVane 小程式外掛程式在 Android/iOS 模擬器中調試。詳情請參見：預覽與調試。
步驟 5：打包構建並發布
在預覽效果達到預期後，可通過 VS Code 打包構建，構建完成後您可以去應用開放平台發布小程式。詳情請參見：打包構建並發布。
步驟 6：灰階發布
對審核通過的小程式版本，在應用開放平台建立灰階發布任務，指定目標使用者群進行小範圍驗證。詳情請參見：發布版本。
步驟 7：正式上線
灰階驗證無誤後，在應用開放平台將小程式版本正式上線，全量使用者即可訪問。詳情請參見：發布版本。
步驟 8：掃碼預覽（驗證上線效果）
小程式上線後，平台會產生專屬二維碼。使用 SuperApp 的掃碼功能掃描該二維碼，即可訪問並驗證小程式運行效果。
