返回博客首页
← 所有文章

2018 年 NativeScript 发展状况

2018 年 12 月 11 日 — 作者:Veselina Radeva

最近,我们与大家分享了我们的 2019 年路线图计划。但现在让我们回顾一下,并为过去一年取得的良好成果而自豪!让我们回顾一下 2018 年框架的所有改进,并了解它们如何影响 NativeScript 的统计数据。

{N} 数据

以下是一些数据,显示了 NativeScript 在 2018 年的采用情况

  • {N} CLI 用户群增长了 80%
  • {N} Playground 用户群增长了 7 倍
  • 根据 npm 统计数据NativeScript 下载量增加了一倍多——从 2017 年的约 110 万次增加到 2018 年的约 240 万次(并且还在继续增加)!
  • 我们的网站自然流量增加了 35%
  • NativeScript 社区在 2018 年开发了300 个新的插件
  • 与 2017 年相比,NativeScript 中 Vue.js 的使用量增加了一倍。NativeScript 社区调查也证实了这一点。

nativescript framework usage

Angular CLI + Web 和移动端代码共享

与 Angular 核心团队的合作实现了两个重要的里程碑

我们实现了 nativescript-schematics,使我们能够与 Angular CLI 集成,因此您现在可以使用 Angular CLI 生成重要的代码块。

NativeScript Schematics 的实现还使所有 Angular Web 开发人员能够轻松地使用 {N} 构建移动应用,并从单个项目中 在 Web 和移动端之间共享通用代码。根据我们每年进行两次的 {N} 社区调查,近 70% 的用户打算或已经开始在 Web 和移动端之间共享代码。因此,团队将继续努力提供 Web 和移动端之间无缝的代码共享。

angular code sharing with nativescript

NativeScript-Vue

对于所有 NativeScript 爱好者来说,一个巨大的补充是创建了 NativeScript-Vue,这要感谢我们的社区成员兼密友 Igor Randjelovic,它允许 NativeScript 开发人员使用 Vue.js 构建移动应用。他在 2017 年开始进行集成,并在 2018 年发布了两个主要版本。

在此期间,我们在 Progress,特别是 Jen Looper(我们的 {N} 开发者关系倡导者之一,也是 Vue Vixens 的创始人)以各种可能的方式支持了这项倡议。考虑到对 Vue.js 集成的强烈兴趣,我们都将继续支持这项倡议。

nativescript-vue

开发者体验

这一年在开发者体验方面带来了很多改进——我们从 4.0 开始,通过更好的 Webpack 集成使带有 Webpack 的 LiveSync 可用,在 4.1 中继续改进使用 Webpack 进行调试,并在 2018 年年底通过在 引入热模块替换(即 HMR)达到顶峰 5.0

在年初,一个开发周期:代码更改 -> 测试可能需要一分钟,具体取决于更改的内容以及应用程序状态丢失的程度。现在,在大多数情况下,这只需要几秒钟,让您在一天中节省宝贵的时间。

hot module replacement

此外,团队还发布了新的交互式 tns create 命令来指导您完成项目创建的最常见选项,以及新的 tns plugin create 命令来简化创建新 {N} 插件的过程。

更多导航场景

以前,{N} 应用程序依赖于包含整个应用程序的单个顶级框架。现在,您可以使用多个框架,这允许实现更广泛的导航场景,并为应用程序中的SideDrawerTabView导航提供清晰且组织良好的代码。这项工作从 4.0 开始,为纯 JavaScript 和 TypeScript 启用场景,在 4.1 中继续为 Angular 启用相同的场景,并在 5.0 中达到最新更新,其中 提供了更多导航选项

性能

在 2018 年,团队设法赶上了 V8 的更新,并始终使用 Webpack 的所有新版本,这导致应用程序启动时间提高了高达 50% 的性能(取决于设备和操作系统)。

improved startup time nativescript

入门

我们不要忘记每天评估和尝试框架的所有新手!为了他们,我们尝试改进我们的入门体验,方法是

因此,您现在可以通过 CLI 在几分钟内运行您的第一个应用程序,而无需安装整个 NativeScript 工具链。一年前,通过 CLI 运行简单的 hello world 需要您安装并配置所有 NativeScript 依赖项(这通常需要一段时间)。使用 tns preview,新用户只需执行以下操作

  • 运行 npm I nativescript -g 安装 CLI
  • 使用 tns create 创建一个新项目
  • 在手机上安装 Playground 和 Preview 应用,以及
  • 运行 tns preview 以在设备上预览应用程序!

在 CLI 中使用 {N} 开始就是这样简单,只需 5 分钟!阅读更多关于 tns preview 的信息 在本博文中

nativescript tns preview

社区

最后但并非最不重要的一点是,感谢我们的社区为所有插件、博文、对框架的贡献以及您为使 {N} 变得更好并传播您♥的框架信息所做的一切。仅举一些成就

查看 挑战赛的获胜者

继续在 2019 年做出贡献,如果您需要任何帮助,请告诉我们——无论是将博文发布在 nativescript.org 上,还是组织本地聚会/研讨会。我们很乐意支持您的倡议!

综上所述,我们相信 NativeScript 比以往任何时候都更有能力帮助您构建下一个伟大的应用程序。对于那些已经使用 Angular 或 Vue.js 的用户,这些框架是头等公民。不断壮大的社区始终随时为您提供支持,同时您也在不断突破移动设备上的可能性边界。开发体验针对无缝迭代周期进行了优化,可帮助您及时交付应用程序。