Fuse 入门

2016/5/3 posted in  Fuse comments

什么是 Fuse

Fuse 是一个让开发人员和设计人员构建 iOS/Andorid 原生、跨平台 app 的工具。使用标签(Fuse 中叫 “UX”)可以轻松实现用户界面和 UI 交互。业务逻辑支持使用 Javascript 进行开发(前端的福音啊...), 所有视图最终将被编译成原生的代码以达到最佳性能。Fuse 同时支持原生 UI 元素和自定义跨平台的元素。Fuse 并不是一个“黑盒”,使用 Uno(C# 方言)可以对它进行扩展。Fuse 不生成 HTML5/ 混合(html5 + native) apps,而是完全原生的 app。

开发时,电脑和移动设备将实时更新而不需要重新编译/部署。 Fuse 用来设计原型很方便,但它不是一个原型设计工具,而是一个 app 快速开发工具,甚至不需要在 XCode 或 Android studio 中进行编码。App store 中已有很多完全使用 Fuse 开发的 app。

Why Fuse ?

什么鬼,原生 app 开发的好好的为啥要用 Fuse ,但是如果一种语言可以开发跨平台 app ,甚至也许还能开发Web app、 Mac/Windows app,那不就是终极版的 React Native 吗 ?

安装

官网下载 安装最新版本

安装 Sublime Text 插件

Fuse 目前没有单独的 IDE,而是使用 Sublime Text 插件进行开发。
安装好 Fuse 之后,然后安装 Sublime Text 插件。

Hello Fuse

打开 Fuse,新建一个名称为 hello-fuse 的新工程。

在 Sublime 中打开此新工程

此 Fuse 工程目录中只有 3 个文件。Logo Assets/FuseLogo.png,清单文件 hello-fuse.unoproj,主视图文件 MainView.uxMainView.ux 中已经有很多内容,我们将其内容替换成简单的 demo 代码。

<App Theme="Basic">
    <StackPanel Alignment="Center">
        <Text Value="Hello Fuse" Alignment="Center"/>
        <Button Text="Click"/>
    </StackPanel>
</App>

启动开发预览(暂时使用 Local 方式启动)

Boooom !

不仅只支持单个窗口预览,甚至可同时在 Local、Android 设备、iOS 设备中进行预览。并且 UI 都是实时更新。