返回博客首页
← 所有文章

NativeScript 预览版 2.0 现已推出，并集成 StackBlitz

2022 年 8 月 17 日 — 作者：技术指导委员会 (TSC)

NativeScript 预览版 2.0 是对经典 Playground（已推出数年）的全面翻新。此版本支持现代 NativeScript v8 及更高版本。

一句话概括 👉 https://preview.nativescript.org

在德克萨斯州奥斯汀举行的 OpenJS World 2022 上首次现场演示，会上分享了我们的一些 专业合作伙伴 与 StackBlitz 团队合作，利用当今网络浏览器强大的功能，彻底重新构想了 NativeScript 用户体验。

您现在可以在 StackBlitz 上学习、探索和试验原生平台 API，以便轻松创建丰富的移动平台应用原型，满足您的各种需求。

如果您是 NativeScript 新手，并且希望在 设置本地环境 之前试用它，或者只是想快速启动一个演示应用，那么 StackBlitz 配合 Preview 可以帮到您。

它是如何工作的？

  1. 您可以使用 StackBlitz Web IDE 启动新的 Preview 会话，启动后，右侧会出现一个二维码。
  2. 用手机摄像头扫描二维码。
  3. StackBlitz 中的源代码将开始构建，预览应用将在您的设备上打开，您可以开始进行开发。

StackBlitz + Preview 的酷炫功能

  • 在 Windows 计算机上测试 iOS 应用。安装了 Preview iOS 应用 的 iPhone 可以扫描二维码，以便在 Windows 或 Linux 计算机上试用您的 iOS 应用。

  • 释放更多磁盘空间：您可以避免演示应用占用硬盘上的额外空间。

  • 共享和嵌入：您可以轻松地与任意多的人共享您的项目，只需发送项目的链接即可（您甚至可以与他们一起进行实时开发）。

  • 即使离线也能编辑。

  • 导入现有文件和文件夹：您可以通过简单地将本地项目拖放到 StackBlitz IDE 编辑器中来上传。

  • 如果您想在本地继续您的项目，StackBlitz 允许您导出您的项目。

如何开始？

使用 StackBlitz

选择一个入门模板，扫描二维码并开始开发！

在本地计算机上使用

您可以使用以下步骤预览本地 NativeScript 项目

cd /path/to/existing-project
# or
ns create

# then
ns preview

您应该会看到控制台中打印出的二维码。如果您在从控制台扫描二维码时遇到问题，可以按 o 并打开包含二维码和已连接设备列表以及一些有用操作的 Web UI。

已知问题

在 iOS 上，如果 iPhone 的默认浏览器 **不是** Safari，则应用不会立即启动。扫描代码后，您将进入一个显示会话 ID 的页面，您可以在其中点击“通过方案打开”以继续在 Preview 中打开。

限制

  1. 具有原生依赖项的插件必须预先安装到 预加载了各种插件的 Preview 应用 中。我们将在未来的更新中预先安装最流行的插件。

分发 Preview 的要求之一是，提供原生库（使用 Java、Kotlin、Objective C 或 Swift 编写的）功能的插件（例如 @nativescript/canvas）必须在应用上传到 App Store 之前构建到应用中。

可以从 StackBlitz 使用 包含的插件。

如果您希望某个插件包含在内，请加入我们的 社区 Discord 并提及 #preview 频道。我们可能会不时进行社区投票，以调查其他人希望在 Preview 更新中看到哪些插件。

  1. 您无法更改原生资源

与上面类似，App_Resources/Android/src、App_Resources/Android/libs 和 App_Resources/iOS/src 等原生资源文件夹必须预先构建到 Preview 应用中。基本上这意味着您无法添加任何想要预览的项目的 App_Resources。它们将被简单地忽略。

  1. StackBlitz 免费版不允许上传图像和字体等二进制资产 - 这些功能在会员计划中可用。

在此处查看 StackBlitz 会员选项。

包含的插件

"@nativescript-community/ui-label": "^1.2.9",
"@nativescript-community/ui-lottie": "^4.4.4",
"@nativescript-community/ui-material-bottom-navigation": "^7.0.25",
"@nativescript/camera": "^5.0.11",
"@nativescript/canvas": "^1.0.0",
"@nativescript/canvas-media": "^1.0.0",
"@nativescript/canvas-phaser-ce": "^1.0.0",
"@nativescript/canvas-polyfill": "^1.0.0",
"@nativescript/canvas-three": "^1.0.0",
"@nativescript/core": "~8.3.0",
"@nativescript/datetimepicker": "^2.1.10",
"@nativescript/email": "^2.0.5",
"@nativescript/geolocation": "^8.0.2",
"@nativescript/google-maps": "^1.2.0",
"@nativescript/imagepicker": "^1.0.0",
"@nativescript/mlkit-barcode-scanning": "^1.0.4",
"@nativescript/mlkit-core": "^1.0.4",
"@nativescript/social-share": "^2.0.4",
"@nativescript/tailwind": "^2.0.0",
"@nstudio/nativescript-loading-indicator": "^4.1.2",
"@triniwiz/nativescript-image-cache-it": "^7.1.0",
"@triniwiz/nativescript-image-zoom": "^4.1.3",
"@triniwiz/nativescript-toasty": "^4.1.3",
"nativescript-audio": "^6.2.6",
"nativescript-inappbrowser": "^3.2.0",
"nativescript-ui-autocomplete": "^8.0.1",
"nativescript-ui-calendar": "^8.0.0",
"nativescript-ui-chart": "^9.0.0",
"nativescript-ui-dataform": "^8.0.1",
"nativescript-ui-gauge": "^8.0.1",
"nativescript-ui-listview": "^10.2.0",
"nativescript-ui-sidedrawer": "^10.0.0",
"nativescript-videoplayer": "^5.0.1",
"tailwindcss": "^3.0.24",
"three": "^0.141.0"

了解 NativeScript 的潜力

NativeScript 在线办公时间

NativeScript 在线办公时间每月在每个月的第一个星期一（除非另有说明）太平洋标准时间上午 11 点通过我们的 社区 Discord 提供。

为初学者提供指导

如果您是编程领域的初学者，我们邀请您与充满热情、关怀和易于交谈的开源维护人员进行开放式、轻松的聊天。

这些将是轻松的 AMA（问我任何问题）环节，您有机会与开源维护人员和专业人士交谈，涵盖从编写第一行代码到管理开源项目再到为雇主和客户构建深入的用户体验的方方面面。

资源

感谢您投资可持续的开源未来。

加入我们的 Discord 社区

📣 加入我们并打个招呼！

需要专业帮助来完成您的项目？

联系我们的任何 合作伙伴 以获取帮助。

感谢您

我们要感谢我们富有思想和鼓舞人心的社区持续不断的投入、贡献和支持。特别感谢 StackBlitz 团队的精彩合作，以及在 2022 年夏季帮助参与并提供 Preview 2.0 私有测试版的早期反馈的人们。❤️