Huawei QuickApp IDE(華為快應(yīng)用IDE)是基于VSCode框架深度定制的快應(yīng)用IDE,集工程管理、編程、實(shí)時(shí)預(yù)覽、Inspect、調(diào)測(cè)、云測(cè)試、發(fā)布上架于一體的一站式快應(yīng)用開發(fā)工具,提供完善的快應(yīng)用極速編程、云端全機(jī)型覆蓋測(cè)試等必備工具能力的同時(shí),繼承開發(fā)者習(xí)慣,讓快應(yīng)用開發(fā)更快。
使用方法
華為快應(yīng)用IDE使用指導(dǎo)
概述
華為快應(yīng)用IDE是一款針對(duì)華為快應(yīng)用的集成開發(fā)環(huán)境,它提供了華為快應(yīng)用設(shè)計(jì)、開發(fā)、調(diào)試、測(cè)試、構(gòu)建、打包發(fā)布等能力,以DevOps理念幫助你快速的開發(fā)華為快應(yīng)用。
創(chuàng)建項(xiàng)目
打開IDE,點(diǎn)擊“文件”菜單,在下拉菜單中選擇“新建項(xiàng)目”(或點(diǎn)擊歡迎使用界面的“新建項(xiàng)目”),開啟新建項(xiàng)目的窗口。
工程初始化成功后,會(huì)在工程目錄下生成標(biāo)準(zhǔn)化結(jié)構(gòu)項(xiàng)目:
|—— .quickapp 配置文件目錄
| |—— launch.json 配置文件
|—— src項(xiàng)目源文件
| |—— Common 公用的資源文件和組件文件
| |—— logo.png manifest.json中配置的icon
| |—— Hello 頁(yè)面目錄
| |—— hello.ux 頁(yè)面文件,文件名不必與父文件夾相同
| |—— i18n 資源定義文件
| |—— en.json 各語(yǔ)言地區(qū)的資源定義文件
| |—— zh.json 各語(yǔ)言地區(qū)的資源定義文件
| |—— app.ux APP文件(編譯自動(dòng)修改,請(qǐng)勿改動(dòng))
| |—— manifest.json 項(xiàng)目配置文件(如:應(yīng)用描述、接口聲明、頁(yè)面路由等)
項(xiàng)目導(dǎo)入升級(jí)
低版本IDE創(chuàng)建的工程(引入了fa-toolkit)
快應(yīng)用IDE打開歷史創(chuàng)建的引入了低版本fa-toolkit的工程,會(huì)自動(dòng)檢測(cè)給出升級(jí)提示,升級(jí)fa-toolkit替換package.json,并重新安裝依賴。
undefined
聯(lián)盟快應(yīng)用開發(fā)工具創(chuàng)建的工程
聯(lián)盟快應(yīng)用開發(fā)工具創(chuàng)建的工程。
導(dǎo)入后升級(jí)步驟如下(hap工程升級(jí)流程):
1、IDE會(huì)自動(dòng)向package.json增加以下依賴項(xiàng),未存在添加,已存在比對(duì)版本,使用高版本:
a)fa-toolkit tgz壓縮包,指向IDE工程內(nèi)部文件。
b)hap-toolkit 為0.6.8。
2、IDE會(huì)自動(dòng)向package.json增加以下Script項(xiàng):
"postinstall":"happostinstall",
"debug":"hapdebug",
"hap-update":"hapupdate",
"fa-build":"nodenode_modules/webpack/bin/webpack.js--config./node_modules/fa-toolkit/webpack.config.js",
"fa-watch":"nodenode_modules/webpack/bin/webpack.js--watch--config./node_modules/fa-toolkit/webpack.config.js"
3、點(diǎn)擊npm下拉菜單中的npm install,在線安裝依賴。