前言：快應用開發(fā)工具，是一款專為快應用開發(fā)設計的應用乡摹，簡單易用役耕、靈活擴展、并能夠全面支持聯盟標準規(guī)范聪廉。
微注：本文首發(fā)于 vivo 快應用開發(fā)博客 - 快應用開發(fā)工具入門介紹瞬痘。
在理想狀態(tài)下，開發(fā)者應當已經熟悉 Web 前端基礎知識板熊。下列途徑有助您更好了解如何開發(fā)快應用前端應用：
- 了解快應用的 框架 框全、組件 干签、接口 、平臺 和 其他
- 參考快應用 sample ，其中包含絕大部分組件與 API 的示例代碼與運行效果喘沿，可被用作從入門到進階的百科全書。
- 推薦使用一套豐富完整的組件庫 Apex-UI蚜印，可以安裝即用莺禁，提供了多達 50+ 的組件晒哄，幫助開發(fā)者快速開發(fā)快應用。
下面寝凌，我們就循序漸進對快應用 IDE 做下介紹柒傻，使得您可以參考之，從而快速入門使用较木。
快速開始
安裝最新版快應用開發(fā)工具 , 快應用的開發(fā)工作在 IDE 中展開红符。以下是開發(fā)環(huán)節(jié)的基本流程：
開發(fā)調試
新建項目
可供新建的項目分為兩類：快應用或卡片预侯。新建方法如下：
- 點擊菜單欄「新建快應用工程」峰锁、「快捷入口」、「新建快應用工程」糜芳、或者「歡迎頁新建工程」 魄衅，打開新建工程界面；
- 點擊下一步 皆撩，填寫項目名稱哲银、項目路徑、應用名稱和應用包名荆责，點擊完成 草巡，快應用開發(fā)工具會在項目路徑下新建改項目并自動打開；
- 新建卡片工程步驟查乒，與新建快應用項目相同郁竟；界面展示如下截圖：
代碼編輯預覽
快應用基于前端技術棧，類比 Vue 實用 .vue 充當文件后綴蓖议，快應用實用 .ux讥蟆；IDE 專門有對具體代碼做處理，使得可以對這類語法提供支持和 Eslint 檢測修然；具體參考如下說明：
ux 文件語法輔助
Eslint 語法檢測
預覽調試
在開發(fā)過程中质况，快應用的運行效果會在主界面右側的 模擬器 中顯示。由于模擬器尚未支持全部API中贝，因此您還需要使用真機來預覽與調試快應用的實際運行情況臼朗。
本地預覽
在你身邊沒有手機的時候依溯，可以通過快應用開發(fā)工具的本地預覽功能，查看代碼的運行效果黎炉。右側模擬器中的顯示的內容為快應用編譯之后的效果慷嗜，對應調試器的面板定制了 UX 面板：它展示預覽的 Dom 結構以及樣式，支持實時修改樣式規(guī)則庆械、命名以及元素屬性缭乘；定制了 Data面板：展示頁面數據，主要指 .ux 文件中的 private策幼、protected、public 字段特姐，可以根據自己的需要唐含，開啟自動刷新。
真機調試
若需要真機調試滚秩，請插上數據線铜靶、連上手機并打開手機 USB 調試，在開發(fā)工具提示連接成功之后已艰，點擊頂部工具欄 USB 調試 蚕苇，若手機未安裝快應用的引擎和調試器，開發(fā)工具會自動幫您安裝到手機上嚼吞，只需在手機上確定安裝該應用蹬碧。安裝成功之后，會自動打開調試器誊稚，并調起正在開發(fā)的快應用罗心，可以在新的 DevTools 的面板上進行調試以及查看 log 信息。
遠程真機預覽
若沒有手機疾瓮，又想要查看真機上的運行效果時狼电，「遠程預覽」功能是一個不錯的選擇。如何使用步驟如下：
- 點擊模擬器上方的遠程預覽按鈕肩碟，若未安裝插件腾务，請選擇安裝遠程真機插件削饵；
- 安裝成功之后，繼續(xù)選擇遠程預覽并選擇平臺進行登錄启昧；
- 登錄成功之后劈伴，出現可以使用的機型列表；
- 選擇想要的機型严里，點擊使用追城，開發(fā)工具將自動上傳 RPK 到遠程真機上，并調起調試器迷帜，可以直接看到真機上的真實效果色洞。后續(xù)可手動點擊上傳預覽按鈕火诸，查看效果；
上傳發(fā)布
上傳至包管理平臺
開發(fā)完成之后伞插，若您想分享開發(fā)的快應用給別人使用盾碗，但又想要不局限于局域網內的訪問，可以將 RPK 包上傳至包管理平臺耗美，可以方便地幫助您解決這個苦惱，如何上傳至包管理平臺步驟如下堰怨。
- 點擊頂部工具欄的「打包 」按鈕蛇摸，快應用開發(fā)工具將自動生成 release 簽名的包，若無簽名揽涮，會索引您添加簽名饿肺。
- 打包成功之后，可以點擊彈窗的「上傳包管理平臺 」按鈕雪标，開發(fā)工具會將打出來的 RPK 包上傳至包管理平臺溉跃，若未登錄喊积，需先登錄 官網賬號。
- 上傳成功之后髓梅，會出現一個二維碼和包管理平臺的鏈接绎签，您可使用調試器的掃碼功能，打開此快應用奢方。
上傳至官網
在開發(fā)完成之后爸舒，若您想發(fā)布上線該快應用扭勉，可以通過快應用開發(fā)工具的「上傳」功能，將其上傳至官網的開發(fā)者中心忠聚，后續(xù)可在官網按照流程填寫相關信息后，發(fā)布上線快應用两蟀。若想實時在開發(fā)工具中查看官網正在審核的快應用狀態(tài)赂毯，可使用頂部的「關聯快應用」功能，關聯之后活烙，點擊「詳情」 遣鼓，可查看上傳之后的快應用信息重贺。
[站外圖片上傳中...(image-102a0f-1597225367933)]
在了解了基本的功能之后，若想更進一步玩轉快應用開發(fā)工具次企，以下功能能夠使您錦上添花潜圃。
體驗增強
編譯模式
使用編譯模式谭期，可配置編譯的啟動頁面和啟動參數，方便調試頁面踏志，支持導入和導出編譯模式胀瞪。
插件功能快捷入口
有些內置功能凄诞，如：新建快應用功能；或者插件攜帶功能如：一鍵轉微信小程序至快應用伪朽。為了方便您簡易使用和開發(fā)這些功能既忆，特此在側邊欄跃脊，注入快捷入口酪术。
意見反饋
側邊欄的「反饋」按鈕橡疼，可上傳 issue 到 GitHub欣除，若您有什么疑問挪略，能夠向我們反饋問題，在提交之前挽牢，可以先檢索摊求，以避免重復提交。
