快應(yīng)用 概述

利用快應(yīng)用開發(fā)工具從開發(fā)到發(fā)布一個(gè)快應(yīng)用

通過本節(jié)，你將學(xué)會(huì)：

• 新建項(xiàng)目
• 編輯項(xiàng)目
• 調(diào)試項(xiàng)目
• 測試項(xiàng)目
• 發(fā)布項(xiàng)目

創(chuàng)建項(xiàng)目前，請(qǐng)先安裝 IDE（快應(yīng)用開發(fā)工具）。下載 IDE 詳見 相關(guān)下載

窗口介紹

? 1. 調(diào)試窗口，使用調(diào)試窗口請(qǐng)參考 快速調(diào)試

? 2. 調(diào)試窗口開發(fā)者工具

? 3. 功能面板：切換文件樹、搜索、git 管理、debug 、插件市場、意見反饋、快捷入口等邊欄

? 4. 工具欄：關(guān)聯(lián)快應(yīng)用、編譯模式、顯示/隱藏界面區(qū)域、云測、真機(jī) USB 調(diào)試、打包、上傳、查看詳情和登錄功能

? 5. 代碼編輯區(qū), 語法輔助請(qǐng)參考 語法輔助 和 hap-eslint

? 6. 調(diào)試終端：調(diào)試器面板以及終端等功能

? 7. web 預(yù)覽窗口，請(qǐng)參考 web 預(yù)覽

創(chuàng)建新工程

• 可通過【文件】【新建快應(yīng)用工程】菜單 創(chuàng)建新工程

編輯項(xiàng)目

• 在打開的項(xiàng)目中進(jìn)行編輯，上圖位置【5】為代碼編輯區(qū)。
• 在用戶編輯代碼的同時(shí)，開發(fā)工具內(nèi)置的預(yù)覽功能（位置【7】）在用戶每次保存時(shí)將會(huì)自動(dòng)編譯出效果圖，方便用戶開發(fā)。同時(shí)開發(fā)者可以在【6】的位置查看 log 信息。

開始調(diào)試

• 點(diǎn)擊工具欄（位置【4】）的 USB 調(diào)試 快速調(diào)試，將彈出界面【1】,這個(gè)就是生成 rpk 的最終效果，用戶可通過【2】調(diào)試開發(fā)者工具進(jìn)行查看和修改。
• 或者通過 掃碼調(diào)試，通過選擇手機(jī)調(diào)試器上的【開始調(diào)試】也將彈出界面【1】。

測試項(xiàng)目

• 點(diǎn)擊工具欄（位置【4】）“云測” 按鈕進(jìn)行 項(xiàng)目預(yù)覽測試。

打包并且發(fā)布快應(yīng)用

• 點(diǎn)擊工具欄（位置【4】）打包按鈕 生成發(fā)布 rpk 包。
• 點(diǎn)擊工具欄（位置【4】）上傳按鈕 上傳 rpk 至官網(wǎng)開發(fā)者中心。