返回博客首页
← 所有文章

宣布 NativeScript Sidekick 公共预览版

2017 年 7 月 31 日 — 作者:Todor Totev

随着 NativeScript 的普及,我们看到越来越多的开发者将其作为跨平台移动应用开发的首选。而随着开发者群体的扩大,对命令行工具的熟悉程度也参差不齐。

我们中的许多人已经习惯将 CLI 工具作为集成各种工具的最有效方式。而另一些人则更习惯于可视化工具,通过点击鼠标来构建应用。此外,Windows 开发者希望利用 macOS 上独有的工具,这使得我们明确需要一个新的工具,我们称之为 NativeScript Sidekick。

sidekick-logo

几个月前,我们首次讨论了 Sidekick 的计划,今天我们宣布 **Sidekick 现已提供公共预览版,供所有人尝试** 🎉

NativeScript Sidekick 究竟是什么?

NativeScript Sidekick 是一款桌面应用程序,简化了移动应用脚手架、开发和构建中的一些繁琐方面。Sidekick 基于 Electron 和 Vue.js 构建,为我们提供了最佳的桌面功能,并易于提供适用于 Windows、macOS 和 Linux 的跨平台解决方案。

Sidekick 建立在 NativeScript CLI 之上,因此 CLI 的许多功能都通过一个漂亮的 UI 界面展现出来。

sidekick-ui

但是,Sidekick 并不妨碍你使用 CLI!你可以将 Sidekick 与 NativeScript CLI 结合使用,在需要时使用可视化工具,在需要时使用命令行工具。

让我们快速浏览一下 NativeScript Sidekick 的一些最佳功能。

启动套件

在构建新应用时,有些人喜欢从空白画布开始。而另一些人则希望在构建应用的基本 UI 和逻辑时获得一些帮助。NativeScript Sidekick 提供了一组易于使用的“启动套件”,让你可以从以下起点开始:

  • 一个完全空白的应用
phone-blank-androidphone-blank-ios

  • 一个使用抽屉导航的应用
phone-drawer-androidphone-drawer-ios

  • 一个使用标签导航的应用
phone-tab-androidphone-tab-ios

  • 一个主/详情列表
phone-masterDetail-ios phone-masterDetail-detail-ios

我们不仅提供了多个启动套件,而且每个启动套件都提供三种风格:

  • JavaScript
  • TypeScript
  • Angular

无论你尝试构建哪种类型的应用,或者你的架构偏好是什么,NativeScript Sidekick 都能帮助你快速启动并运行。以下是使用 Sidekick 创建新应用的过程。

creating-apps

**提示** 这些启动套件在底层是 NativeScript 模板,因此你也可以使用 NativeScript CLI 和--template选项来使用它们。敬请期待我们很快发布关于这些模板的更多文档。

快速云端(和本地)构建

在原生移动应用开发中,没有什么比配置构建 iOS 和 Android 应用所需的众多 SDK 更令人烦恼的了。幸运的是,NativeScript Sidekick 允许你在云端构建应用,无需你在本地进行任何配置。

build-steps

由于构建是在云端进行的,你现在可以在以前无法使用的桌面平台上构建 NativeScript 应用。具体来说,这意味着 Windows 和 Linux 开发者现在可以构建 NativeScript iOS 应用,而无需 Mac!此外,我们所有的 iOS 构建都运行在超快速的 Mac Pro 上,因此你可能会发现 Sidekick 的云端构建速度几乎与本地构建一样快。

调试/实时同步

移动应用开发中接下来最令人烦恼的事情是什么?调试。从 Web 端迁移到原生移动端,历史上最大的权衡之一就是缺乏调试工具。现在不再是了。借助 NativeScript Sidekick,我们提供了各种功能来帮助你在所有平台上改善调试体验,包括:

**实时同步** - 想象一下,能够更改应用的任何部分,保存更改,并使这些更改几乎立即显示在任何模拟器或连接的设备上。这就是 NativeScript 的实时同步的本质。实时同步一直存在于 NativeScript CLI 中,现在 Sidekick 在可视化工具中提供了此强大功能。

你只需为每个要开发的设备启用其应用的实时同步屏幕上的实时同步即可。你甚至可以同时向多个设备进行实时同步!在这里,我为一台 iPhone 启用了实时同步。

enable-livesync

从那里,你可以在你选择的文本编辑器中开始开发你的应用,你的更改将自动应用到你的每个设备。

livesync

**调试** - 同样,Sidekick 通过易于使用的可视化界面公开了 NativeScript 强大的Chrome 开发者工具。使用这些工具查看日志、调试 JavaScript、浏览“元素”选项卡、监控网络请求等等。

要使用调试器,首先点击屏幕右下角的“设备”选项卡。接下来,点击要调试其应用的设备旁边的调试图标。

launch-debugger

Chrome 开发者工具将弹出,你就可以使用其各种功能来调试你的应用。在这里,我在“元素”选项卡中查看了 NativeScript Groceries 示例的可视化树。

debugging

插件管理

毫无疑问,多年来,发现和配置 NativeScript 插件变得容易多了。首先,借助新的 NativeScript 插件市场,找到合适的插件比以往任何时候都更容易。(提示,它很快就会变得更好!)

但是,Sidekick 还提供了一个界面来查找、安装和更新插件,从而使查找和管理应用的插件变得更加容易。

plugins

资源管理

最后,管理应用图标和启动画面一直以来都有些麻烦。Sidekick 提供了一个易于使用的 UI 来查看你当前的应用图标,并且很快将提供从一个源图像创建应用图标和完整启动画面(适用于所有平台)的功能——敬请期待!

assets

定价

NativeScript Sidekick 是一款免费产品。你可以自由地将 Sidekick 与安装在你机器上的 Xcode 和/或 Android SDK 结合使用,无需任何费用——你甚至不需要创建帐户即可开始使用。

Sidekick 利用的云服务,即云端构建,目前是免费的,但我们将来可能会对其收费。我们将在以后的文章中分享更多关于这方面的信息。现在,只需要知道 NativeScript Sidekick 是免费的,并且你在预览期间使用我们的云服务是完全免费的。

接下来会发生什么?

通常在这一部分,我会说“这仅仅是开始!”没错,确实如此!这仅仅是公共预览阶段,我们邀请你测试 Sidekick 的当前功能。

由于这是一个公共预览版,我们非常想知道你对 Sidekick 的看法。Sidekick 是否帮助你构建 NativeScript 应用?你希望我们添加哪些功能?

你可以通过两种方式提供此类反馈。最简单的方法是点击 Sidekick 顶部的“发送反馈”。这将带你到Sidekick 反馈 GitHub 仓库。请随时在“问题”选项卡上创建问题,提供反馈或功能请求。

feedback-workflow

如果你更喜欢提供非正式的反馈,你也可以直接在 Sidekick 中点击屏幕右下角的蓝色按钮。你会看到一个小聊天屏幕,你可以在那里告诉我们你的想法。

feedback-process

还在等什么?

下载 Sidekick,开始构建下一个伟大的移动应用吧!