支付寶小程序 開發(fā)工具概覽

簡介

小程序開發(fā)者工具（簡稱 IDE，點(diǎn)此下載）是支付寶開放平臺(tái)打造的一站式小程序研發(fā)工具，提供了編碼、調(diào)試、測(cè)試、上傳、項(xiàng)目管理等功能。

IDE 不僅支持開發(fā)支付寶小程序，相同代碼還通用于螞蟻開放生態(tài)，可直接發(fā)布至淘寶、釘釘、高德等應(yīng)用平臺(tái)。

功能介紹

本文檔按照小程序開發(fā)流程的不同階段來梳理 IDE 功能用法：

開發(fā)準(zhǔn)備

可自行選擇 下載安裝 IDE 工具 本地開發(fā)或者 web 在線開發(fā)。

• IDE 本地開發(fā)：本地 新建項(xiàng)目 并且使用實(shí)驗(yàn)室、擴(kuò)展市場(chǎng)以及項(xiàng)目管理等工具高效開發(fā)。
• web 在線開發(fā)：網(wǎng)頁在線對(duì)小程序代碼進(jìn)行調(diào)整、修改。

編碼效率

在實(shí)際開發(fā)過程中，下列工具能夠大幅提升開發(fā)效率：

• 模擬器：本地模擬運(yùn)行小程序，便于快速預(yù)覽、初步調(diào)試。
• 可視化輔助編程（Beta）：列表方式添加組件，便捷設(shè)置組件屬性、樣式、事件。
• 代碼補(bǔ)全：AXML 自動(dòng)補(bǔ)全、API 自動(dòng)補(bǔ)全/語法提示。

調(diào)試模式

如果需要排查 bug 或性能瓶頸，可選擇下列調(diào)試模式：

• 模擬器調(diào)試：通過 IDE 模擬器初步調(diào)試基礎(chǔ)功能與樣式。
• 預(yù)覽調(diào)試：通過真機(jī)調(diào)試面板查看小程序運(yùn)行信息。
• 真機(jī)調(diào)試：通過 IDE 遠(yuǎn)程至真機(jī)，設(shè)置斷點(diǎn)、查看運(yùn)行信息。
• 性能調(diào)試：通過 IDE 遠(yuǎn)程至真機(jī)，進(jìn)行性能分析。

測(cè)試途徑

開發(fā)者在本地測(cè)試、beta 測(cè)試之外，還可選用開放平臺(tái)的兩款云測(cè)試服務(wù)：預(yù)檢測(cè)與真機(jī)云測(cè)。

• 預(yù)檢測(cè)：在一鍵上傳的同時(shí)，免費(fèi)調(diào)用一臺(tái)真機(jī)進(jìn)行測(cè)試。
• 真機(jī)云測(cè)：免費(fèi)的規(guī)?；鏅C(jī)自動(dòng)檢測(cè)方案。
• 體驗(yàn)版測(cè)試：生成體驗(yàn)版小程序，用于 beta 版本測(cè)試。

一鍵上傳

在工具欄 上傳 菜單中，點(diǎn)擊 上傳 即可將小程序上傳至開放平臺(tái)。

項(xiàng)目管理

在上述流程相關(guān)功能之外，IDE 還集成了其他常用的管理工具，例如 git 源碼管理、npm 包管理 等功能。