Huawei QuickApp IDE是一款基于VSCode框架深度定制的華為快應(yīng)用IDE，集工程管理、編程、實時預覽、Inspect、調(diào)測、云測試、發(fā)布上架于一體的一站式快應(yīng)用開發(fā)工具，提供完善的快應(yīng)用極速編程、云端全機型覆蓋測試等必備工具能力的同時，繼承開發(fā)者習慣，讓快應(yīng)用開發(fā)更快。需要的朋友可下載試試！

快應(yīng)用是一種新型免安裝應(yīng)用，有安卓應(yīng)用體驗好、功能強大的優(yōu)點，也有HTML5網(wǎng)頁無需安裝、占用存儲極少的便捷，還能自動更新。對于喜歡的快應(yīng)用可以添加到桌面，方便再次訪問。

快應(yīng)用中心是運行快應(yīng)用所必須的運行環(huán)境，只需安裝一次即可支持所有快應(yīng)用。推薦將其添加到桌面，方便管理使用記錄。

功能特色

快應(yīng)用是使用前端技術(shù)開發(fā)，在原生環(huán)境渲染的免安裝應(yīng)用。 基于行業(yè)標準，開發(fā)一次即可在所有支持此標準的手機運行。

服務(wù)場景

流量資源

起步

注冊為開發(fā)者

創(chuàng)建快應(yīng)用

申請帳號服務(wù)

申請支付服務(wù)

申請PUSH服務(wù)

安裝快應(yīng)用IDE

開發(fā)

我的第一個快應(yīng)用

框架

組件

API

卡片

接入帳號服務(wù)

接入支付服務(wù)

接入PUSH服務(wù)

示例代碼

上架

了解上架規(guī)則

提交審核

查看報表

使用方法

下載軟件，運行按步驟安裝即可

華為快應(yīng)用IDE使用指導

概述

華為快應(yīng)用IDE是一款針對華為快應(yīng)用的集成開發(fā)環(huán)境，它提供了華為快應(yīng)用設(shè)計、開發(fā)、調(diào)試、測試、構(gòu)建、打包發(fā)布等能力，以DevOps理念幫助你快速的開發(fā)華為快應(yīng)用。

創(chuàng)建項目

打開IDE，點擊“文件”菜單，在下拉菜單中選擇“新建項目”（或點擊歡迎使用界面的“新建項目”），開啟新建項目的窗口。

工程初始化成功后，會在工程目錄下生成標準化結(jié)構(gòu)項目：

|—— .quickapp 配置文件目錄

| |—— launch.json 配置文件

|—— src項目源文件

| |—— Common 公用的資源文件和組件文件

| |—— logo.png manifest.json中配置的icon

| |—— Hello 頁面目錄

| |—— hello.ux 頁面文件，文件名不必與父文件夾相同

| |—— i18n 資源定義文件

| |—— en.json 各語言地區(qū)的資源定義文件

| |—— zh.json 各語言地區(qū)的資源定義文件

| |—— app.ux APP文件（編譯自動修改，請勿改動）

| |—— manifest.json 項目配置文件（如：應(yīng)用描述、接口聲明、頁面路由等）

項目導入升級

低版本IDE創(chuàng)建的工程（引入了fa-toolkit）

快應(yīng)用IDE打開歷史創(chuàng)建的引入了低版本fa-toolkit的工程，會自動檢測給出升級提示，升級fa-toolkit替換package.json，并重新安裝依賴。

undefined

聯(lián)盟快應(yīng)用開發(fā)工具創(chuàng)建的工程

聯(lián)盟快應(yīng)用開發(fā)工具創(chuàng)建的工程。

導入后升級步驟如下（hap工程升級流程）：

1、IDE會自動向package.json增加以下依賴項，未存在添加，已存在比對版本，使用高版本：

a）fa-toolkit tgz壓縮包，指向IDE工程內(nèi)部文件。

b）hap-toolkit 為0.6.8。

2、IDE會自動向package.json增加以下Script項：

"postinstall": "hap postinstall", "debug": "hap debug", "hap-update": "hap update", "fa-build": "node node_modules/webpack/bin/webpack.js --config ./node_modules/fa-toolkit/webpack.config.js", "fa-watch": "node node_modules/webpack/bin/webpack.js --watch --config ./node_modules/fa-toolkit/webpack.config.js"

3、點擊npm下拉菜單中的npm install，在線安裝依賴。