開始起步

開始運(yùn)行和使用Fuse超級(jí)簡(jiǎn)單新症，首先，下載最新版本的Fuse!

Fuse是什么响禽？

Fuse 是一個(gè)給開發(fā)者和設(shè)計(jì)師的工具包徒爹，用來(lái)創(chuàng)建原生的、跨平臺(tái)的移動(dòng)App應(yīng)用（iOS 和 安卓）芋类。

你可以使用標(biāo)記（markup隆嗅，我們叫做“UX”）勾勒出你想要的用戶界面，并且可以很容易的做出動(dòng)畫效果和響應(yīng)式的UI侯繁。你的App邏輯用解釋型的JavaScript編寫胖喳，然后為了優(yōu)化性能，最終全部的渲染都是編譯成原生代碼贮竟。你可以選擇真正的原生UI元素或者可定制化的跨平臺(tái)元素丽焊。Fuse不是一個(gè)“黑盒”，它是一套靈活的工具包咕别，并且可以用Uno語(yǔ)言（一種C#方言）來(lái)擴(kuò)展它技健。Fuse不生成HTML5混合應(yīng)用代碼，而是直接輸出純?cè)a的移動(dòng)應(yīng)用顷级。

當(dāng)你在開發(fā)App時(shí)凫乖，所做的變動(dòng)會(huì)實(shí)時(shí)的在你的計(jì)算機(jī)和移動(dòng)設(shè)備上反映出來(lái)，不需要重新編譯或重新部署弓颈。雖然用Fuse來(lái)做原型會(huì)很棒，但它并不是一個(gè)原型工具删掀，它是一整套完善的App開發(fā)工具包翔冀，并不需要再到XCode或Android studio環(huán)境中做進(jìn)一步的編碼。今天披泪，App商店里已經(jīng)有全部用Fuse開發(fā)的應(yīng)用上架了纤子，而且每天都有越來(lái)越多的App在使用Fuse開發(fā)中。

安裝設(shè)置

我們一直十分努力地使安裝設(shè)置的過程如絲般順滑，但時(shí)不時(shí)會(huì)有問題出現(xiàn)控硼，如果有這類情況發(fā)生了泽论，請(qǐng)告知我們！

OS X和Windows環(huán)境的安裝指南卡乾，如果需要翼悴，這里是OS X的卸載指南。

教程

我們建議初學(xué)者從這里的教程頁(yè)面開始, 另外在示例頁(yè)面幔妨，你可以發(fā)現(xiàn)大量各種各樣的鹦赎、即學(xué)即用的范例，同樣误堡，在Youtube上古话， 有一個(gè)會(huì)不停新增的視頻教程播放單。

項(xiàng)目結(jié)構(gòu)

在創(chuàng)建一個(gè)新項(xiàng)目之后锁施，不管是在控制臺(tái)（dashboard）還是在命令行使用fuse命令陪踩， 你都會(huì)在項(xiàng)目目錄中找到下列兩個(gè)文件：

ProjectName.unoproj
這是項(xiàng)目文件，基本上是用來(lái)跟蹤所有組成該項(xiàng)目的文件的悉抵， 另外還有該項(xiàng)目的依賴包和其他合用的值（如你的API鍵值）肩狂。

MainView.ux
這是你的App的主要的起始點(diǎn)，主要是因?yàn)樗珹pp-標(biāo)簽基跑。 正常情況下婚温，你會(huì)刪除該文件大部分內(nèi)容，但是你也可以自由測(cè)試缺省的應(yīng)用程序媳否，看看組成一個(gè)基本骨架需要哪些控制器栅螟。

備注 ： JavaScript不需要在unoproj文件中引用，而是直接從UX標(biāo)記引用篱竭。

項(xiàng)目文件結(jié)構(gòu)
unoproj文件包括如下結(jié)構(gòu)（不完整）：

將解決方案分成多個(gè)項(xiàng)目并在unoproj文件中引用：
<pre>
"Projects" : [
"path_to_other_projects.unoproj"
]
</pre>
新增或移除一個(gè)Fuse自帶標(biāo)準(zhǔn)包的引用：
<pre>
"Packages" : [
"Exoerimental.ios"
]
</pre>
備注: 這部分文檔還不完整力图，對(duì)unoproj文件的完整描述還在編制中。

Sublime Text 項(xiàng)目
當(dāng)你將一個(gè)文件夾拖入Sublime Text 3中掺逼，缺省它會(huì)搜索所有子文件夾的所有文件吃媒。但當(dāng)你新建一個(gè)Fuse項(xiàng)目時(shí)，你并不是需要它每次都這么做吕喘。

如果你建一個(gè)叫ProjectName.sublime-project的文件赘那，你可以將該文件拖入Sublime Text中，這樣它會(huì)忽略.cache和.build目錄：
<pre>
{
"folders":
[
{
"folder_exclude_patterns":
[
".build",
".cache",
],
"path": "."
}
]
}
</pre>
該文件可以在Project->Open Project...-對(duì)話框中打開氯质。

Git
如果你選用Git做版本控制募舟，可以在.gitignore文件中添加如下字段：

.build
.cache

預(yù)覽

實(shí)時(shí)預(yù)覽是Fuse的一個(gè)關(guān)鍵特色功能。 你可以同時(shí)在多個(gè)設(shè)備上（包括桌面模擬器）實(shí)時(shí)預(yù)覽闻察，所以在編輯時(shí)拱礁，你不再需要單獨(dú)為特定的設(shè)備build項(xiàng)目琢锋，只需保存，所有變動(dòng)就實(shí)時(shí)顯示在所有設(shè)備上了呢灶。

跟從這些指南吴超，就可以打開iOS 和 Android 的實(shí)時(shí)預(yù)覽功能。

在桌面機(jī)上開始預(yù)覽一個(gè)項(xiàng)目有幾種辦法鸯乃。如果你有Sublime Text 3, 并安裝了相關(guān)插件鲸阻， 你可以右鍵點(diǎn)擊UX文件，選擇"Begin Fuse preview", 然后選擇"Local"選項(xiàng)飒责，預(yù)覽會(huì)打開模擬器赘娄，這樣它就隨著你編輯文件的同時(shí)而自動(dòng)同步預(yù)覽。

另一個(gè)辦法宏蛉，你可以在命令行下進(jìn)入項(xiàng)目所在的根目錄并鍵入fuse preview遣臼。

輸出

預(yù)覽時(shí)，F(xiàn)use會(huì)在手持設(shè)備上創(chuàng)建一個(gè)殼（shell）程序拾并，與在運(yùn)行在桌面系統(tǒng)的Fuse后臺(tái)程序相連揍堰，從而快速顯示你對(duì)項(xiàng)目做的所有更改。但是嗅义，如果你去參加一個(gè)會(huì)議屏歹，或者給客戶去秀秀，手持設(shè)備要斷開與開發(fā)環(huán)境的連接時(shí)之碗，你就需要將項(xiàng)目輸出到你要運(yùn)行的設(shè)備上蝙眶。

輸出到iOS
首先，你需要有一臺(tái)運(yùn)行OS X系統(tǒng)并安裝了Xcode的Mac褪那，其次幽纷，你還要有一個(gè)蘋果開發(fā)者賬號(hào)，都齊了博敬，就在項(xiàng)目目錄里鍵入下面的命令：

fuse build --target=ios --run

該命令會(huì)在Xcode中打開建成的項(xiàng)目友浸，在可用輸出目標(biāo)的下拉菜單里選擇你的設(shè)備型號(hào)，然后點(diǎn)擊“運(yùn)行”按鈕偏窝，App就會(huì)部署并運(yùn)行在你的設(shè)備上了收恢。

輸出到安卓
首先確定Android SDK/NDK都安裝好了（在安卓上預(yù)覽也需要安裝這些，如沒有祭往，在命令行輸入：fuse install android)伦意，然后在命令行的項(xiàng)目目錄中鍵入：

fuse build --target=Andoid --run

你的項(xiàng)目就已部署在與系統(tǒng)相連的安卓設(shè)備上了。

原文鏈接：文／趙趙811 http://www.reibang.com/p/80ef241e8329

Tag：Fuse, Fuseapp, Fusetools, Fuse手冊(cè), native app
發(fā)布時(shí)間：2016年01月02日
博客被黑硼补，挪窩簡(jiǎn)書安家……