App Builder破解版是一款適用于Microsoft Windows的完整的可視化開發(fā)環(huán)境，可讓開發(fā)者在移動(dòng)和桌面設(shè)備上創(chuàng)建HTML5應(yīng)用程序，WebApps，Progressive WebApps，WebExtensions和Hybrid應(yīng)用程序，無論編程技巧還是無編程技能，App Builder都會(huì)讓你得心應(yīng)手，歡迎有需要的朋友們前來下載使用。

PS：由于本次小編為大家?guī)淼氖茿pp Builder綠色免激活便攜版，所以只需要在本站下載軟件并解壓縮后，雙擊“AppBuilderPortable.exe”程序即可使用。

App Builder 特點(diǎn)

視覺動(dòng)作

您不需要知道使用App Builder創(chuàng)建應(yīng)用程序的Javascript。App Builder的腳本語言基于數(shù)百個(gè)可視化操作，您可以簡(jiǎn)單地將其放在需要執(zhí)行的位置。

視覺設(shè)計(jì)師

App Builder為我們提供了數(shù)十種視覺和非可視化控件，可以放置在應(yīng)用程序的設(shè)計(jì)器中。只需將您需要的控件拖放到設(shè)計(jì)器中，然后將其放在想要的位置。

情境幫助

App Builder意圖易于使用，但是它們包含一個(gè)完整的幫助文件，可以描述所有可用的控件和操作，以及一些特定的教程。

超過應(yīng)用程序

App Builder為您準(zhǔn)備了將應(yīng)用程序部署為WebApps和Progressive WebApps所需的東西。App Builder還允許您為現(xiàn)代瀏覽器開發(fā)WebExtensions。

非?？蓴U(kuò)展

除了程序提供的視覺操作外，App Builder的應(yīng)用程序可以使用Javascript進(jìn)行擴(kuò)展。還可以使用App Builder的Javascript插件和Apache Cordova™插件。

Apache Cordova

App Builder與Apache Cordova™及其插件集成，為您準(zhǔn)備了適當(dāng)?shù)膱D標(biāo)和啟動(dòng)屏幕，配置文件，簽名文件和批處理和shell腳本，以便快速運(yùn)行，調(diào)試和發(fā)布我們的應(yīng)用程序。

CLI支持

App Builder還包括一個(gè)命令行編譯器以及視覺環(huán)境。這樣，我們可以從命令行編譯我們的應(yīng)用程序，簡(jiǎn)單而快速。

完整套件

App Builder是一個(gè)完整的開發(fā)環(huán)境。本身可以創(chuàng)建HTML5應(yīng)用程序，WebApps，Progressive WebApps和WebExtensions應(yīng)用程序，可以在桌面瀏覽器和手機(jī)上運(yùn)行。除了Apache Cordova™，我們還可以為Android™等平臺(tái)構(gòu)建應(yīng)用程序。

使用說明

1、目錄索引→程序選項(xiàng)

從App Builder的“編輯”菜單中，我們可以打開程序選項(xiàng)對(duì)話框，它允許我們自定義App Builder。正如你所看到的，程序選項(xiàng)對(duì)話框分為多個(gè)選項(xiàng)卡。您可以在下面閱讀每個(gè)對(duì)話框選項(xiàng)卡的描述以及一些最重要的選項(xiàng)。

App Builder選項(xiàng)對(duì)話框

接口

在這個(gè)標(biāo)簽中我們可以建立各種程序界面相關(guān)的選項(xiàng)。使用語言列表將App Builder GUI和CLI界面更改為您所需的語言。使用有用且易于使用的編輯器翻譯字符串，App Builder很容易翻譯成其他語言。如果您想將App Builder翻譯成您的語言，只需聯(lián)系我，然后告訴您要遵循的步驟：info@davidesperalta.com。

行為

在此選項(xiàng)卡中，我們可以建立各種程序行為相關(guān)選項(xiàng)。 App寬度和高度值決定了新的應(yīng)用程序大小，即App Builder啟動(dòng)時(shí)創(chuàng)建的應(yīng)用程序的大小。

設(shè)計(jì)師

在此選項(xiàng)卡中，我們可以建立各種程序設(shè)計(jì)器相關(guān)選項(xiàng)在這里，我們可以自定義應(yīng)用程序視圖設(shè)計(jì)器的外觀。正如您所看到的，Designer預(yù)覽版允許我們實(shí)時(shí)查看我們?cè)谶x項(xiàng)中所做的更改。

編輯

在此選項(xiàng)卡中，我們可以建立各種程序編輯器相關(guān)選項(xiàng)在此選項(xiàng)卡中，我們可以建立對(duì)程序編輯器有影響的選項(xiàng)，即應(yīng)用程序代碼編輯器，控件屬性的HTML和CSS編輯器。

所有這些選項(xiàng)與任何其他編輯器程序選項(xiàng)都非常相似，可能是由它自己解釋的：編輯器使用的字體，字體大小，顯示或隱藏編輯器裝訂線，確定各種編輯器顏色等。

編譯器

在這個(gè)標(biāo)簽中，我們可以建立各種程序編譯器相關(guān)選項(xiàng)我們可以在這里確定一些編譯器特定的選項(xiàng)，如輸出目錄，其中我們的應(yīng)用程序默認(rèn)編譯。通過您的方便，已編譯應(yīng)用程序的輸出目錄是我們的桌面目錄。

調(diào)試器

在這個(gè)標(biāo)簽中，我們可以建立各種程序調(diào)試器相關(guān)的選項(xiàng)。在這里，我們可以設(shè)置（App Builder嘗試自動(dòng)為您執(zhí)行）瀏覽器可執(zhí)行文件路徑，以便稍后在調(diào)試我們的應(yīng)用程序時(shí)可用。

App Builder啟動(dòng)本地HTTP服務(wù)器以調(diào)試我們的應(yīng)用程序。此HTTP服務(wù)器默認(rèn)使用端口“9999”。如果您已在此端口中運(yùn)行另一個(gè)HTTP服務(wù)器，則在此選項(xiàng)卡中，您可以更改App Builder的調(diào)試器端口以避免沖突。

如果您選中Watcher“添加應(yīng)用程序變量”復(fù)選框，則App Builder將添加到由SetVar，NewArray和NewObject操作創(chuàng)建的調(diào)試器監(jiān)視器應(yīng)用程序變量中。

插件

在這個(gè)標(biāo)簽中，我們管理App Builder的Javascript插件。例如，我們可以查看可用的插件并激活或停用它。激活的插件可以由應(yīng)用程序選擇使用;未激活的插件不會(huì)出現(xiàn)在applciation的選項(xiàng)對(duì)話框中，因此無法選擇使用。

2、內(nèi)容索引→程序更新

使用“幫助”菜單中的“程序更新程序”，以便將App Builder副本更新為最新版本。 程序更新程序允許我們檢查程序更新，并允許我們下載可能的新版本安裝程序，然后自動(dòng)開始安裝。

3、目錄→程序CLI

App Builder具有一個(gè)命令行界面編譯器，您可以使用該編譯器從命令行和批處理過程編譯應(yīng)用程序。 App Builder CLI編譯器安裝在安裝App Builder的同一目錄中，您可以從那里使用它。

App Builder CLI編譯器

App Builder命令行界面編譯器非常易于使用。所有你需要的是執(zhí)行編譯器傳遞一個(gè)應(yīng)用程序項(xiàng)目文件（* .ab文件）作為第一個(gè)參數(shù)。 CLI編譯器從應(yīng)用程序項(xiàng)目文件中獲取所需的所有信息，然后繼續(xù)編譯該應(yīng)用程序。

App Builder CLI選項(xiàng)

App Builder命令行界面的強(qiáng)制性參數(shù)是我們的應(yīng)用程序項(xiàng)目文件的路徑。在該路徑之后，我們可以指定另一個(gè)選項(xiàng)，如下面的選項(xiàng)：

-debug如果您希望應(yīng)用程序JS代碼包含調(diào)試信息。

-minimize這會(huì)導(dǎo)致編譯器最小化應(yīng)用程序CSS和JS代碼。

-zipper這會(huì)導(dǎo)致編譯器在Zip中壓縮已編譯的應(yīng)用程序

批處理編譯器工具

另外，App Builder為您提供了一種使用CLI編譯器編譯應(yīng)用程序的簡(jiǎn)單方法。您可以使用菜單→工具→批處理編譯器項(xiàng)自動(dòng)創(chuàng)建適當(dāng)?shù)腂AT文件，以便使用App Builder CLI編譯器編譯您的應(yīng)用程序。

4、目錄索引→選項(xiàng)卡索引順序

確定我們的應(yīng)用程序視圖控件的選項(xiàng)卡索引順序不是必需的，但在某些情況下很有用，例如，如果可以放置各種文本輸入控件以重新選擇用戶的某些信息。 Tab索引順序決定了用戶使用TAB鍵時(shí)發(fā)生了什么。當(dāng)用戶按TAB鍵時(shí)第一個(gè)接收焦點(diǎn)的控件是Tab索引= 1，第二個(gè)控件是Tab索引= 2，第三個(gè)控件是Tab索引= 3等。

App Builder應(yīng)用視圖選項(xiàng)卡索引順序?qū)υ捒?/p>

使用Tab索引順序?qū)υ捒騺泶_定控件的Tab索引順序。只需將控件向上和向下移動(dòng)到對(duì)話框列表中：列表中的控件順序必須用作Tab索引順序，然后列表中的第一個(gè)控件成為Tab索引順序中的第一個(gè)控件。要重置選項(xiàng)卡索引順序的狀態(tài)，請(qǐng)按對(duì)話框重置按鈕。這樣做所有列出的控件選項(xiàng)卡索引變?yōu)?ldquo;-1”，這意味著我們不擔(dān)心他們的Tab索引順序。

5、內(nèi)容索引→圖標(biāo)編輯器

雙擊IDE對(duì)象檢查器中的圖標(biāo)變量時(shí)，圖標(biāo)變量編輯器出現(xiàn)。 例如，如下所示，按鈕控件有一個(gè)Icon變量，我們可以通過雙擊來從Icon變量編輯器中選擇一個(gè)圖標(biāo)。

App Builder圖標(biāo)變量編輯器

Icon變量編輯器在某些情況下也像圖標(biāo)選擇器，例如，HTML變量編輯器標(biāo)簽菜單允許我們選擇一個(gè)圖標(biāo)，以便獲得正確的圖標(biāo)HTML代碼。

App Builder包含來自兩個(gè)夢(mèng)幻集合的圖標(biāo)：Glyphicons和Font Awesome。 Font Awesome圖標(biāo)允許我們更改圖標(biāo)大小。 默認(rèn)情況下，圖標(biāo)選擇器為這個(gè)CSS類中的圖標(biāo)分配一個(gè)默認(rèn)大?。?ldquo;fa-lg”）：“fa fa-leanpub fa-lg”。 您可以通過“fa-2x”，“fa-3x”，“fa-4x”或“fa-5x”來增加替換“fa-lg”的圖標(biāo)大小

6、內(nèi)容索引→字符串編輯器

雙擊IDE對(duì)象檢查器中的字符串（也是數(shù)字）變量時(shí)，將顯示字符串變量編輯器。 一些工具也將字符串作為其默認(rèn)變量公開，然后我們可以通過雙重clic調(diào)用字符串變量編輯器將控件置于應(yīng)用程序視圖設(shè)計(jì)器中。

App Builder字符串變量編輯器

在上面，你可以查看引用的方式來通過雙擊按鈕控件來調(diào)用字符串變量編輯器，在這種情況下，它們將Text變量作為默認(rèn)變量公開，可以使用字符串變量編輯器進(jìn)行編輯。

7、目錄索引→陣列編輯器

在IDE對(duì)象檢查器中雙擊數(shù)組變量時(shí)，將出現(xiàn)數(shù)組變量編輯器。 一些工具也將字符串作為其默認(rèn)變量公開，然后我們可以通過雙重clic調(diào)用字符串變量編輯器將控件置于應(yīng)用程序視圖設(shè)計(jì)器中。

App Builder數(shù)組變量編輯器

在上面，您可以在Menu控件中查看通過雙clic調(diào)用數(shù)組變量編輯器的引用方式，在這種情況下，它將Text變量作為其默認(rèn)變量公開，可使用字符串變量編輯器進(jìn)行編輯。

8、內(nèi)容索引→HTML編輯器

App Builder包含一個(gè)完整的網(wǎng)頁(yè)編輯器，可讓我們直接從程序編輯HTML，CSS和Javascript。 例如，HTML編輯器用于編輯app控件的HTML變量。 例如，使用CSS編輯器來編輯應(yīng)用程序內(nèi)聯(lián)CSS選項(xiàng)。 例如，使用Javascript編輯器來編輯添加到應(yīng)用程序文件管理器的Javascript文件。

App Builder HTML變量編輯器

App Builder Web編輯器允許我們使用語法高亮，編輯常用編輯命令（如復(fù)制，剪切，粘貼等）編輯引用的語言，完成搜索和替換功能，預(yù)覽或打印代碼并將代碼導(dǎo)出為各種文件格式。 從程序選項(xiàng)中，我們可以為網(wǎng)頁(yè)編輯器自定義很多選項(xiàng)。