NativeScript Playground 火爆上线

作为最令人激动的 全新 NativeScript 资源 之一，NativeScript Playground 已经从体验 NativeScript 的最佳方式发展成为学习 NativeScript 的最佳方式。通过使用 Playground，您可以编辑代码、拖放 UI 组件、使用 QR 码部署到 iOS 或 Android，现在甚至可以将 NPM 包添加到您的应用程序中！

上周，NativeScript Playground 团队发布了一些很棒的更新

• 嵌入式 NativeScript 教程
• 添加 NPM 包的功能
• 设备选项卡的改进

让我们仔细看看吧！

嵌入式 NativeScript 教程

我们大多数人都是通过学习 Angular 或 JavaScript 版本的 Groceries 应用程序教程来开始使用 NativeScript 的。这个过程唯一的缺点是您必须在能够看到 NativeScript 的强大功能之前先设置本地开发环境。现在，随着我们在 Playground 中引入这两个教程，这种情况将发生改变。

从上周开始，您可以通过在 Playground 中使用学习菜单访问这两个教程

随着我们使这些教程更易于理解（并添加更多内容），期待在 Playground 中看到更多改进！

添加 NPM 包的功能

最受欢迎的 Playground 功能可能是从 npmjs.com 添加任意 NPM 包的功能，该功能对于使 Playground 体验尽可能地真实至关重要。要将 NPM 包添加到您的 Playground 应用程序中，您只需

• 单击文件资源管理器中的“+”图标，然后选择“添加 NPM 包”；
• 输入您要添加的包的名称（并可以选择版本）；
• 单击“添加”，就完成了！

Playground 然后会从公共存储库下载相应的 .tgz 文件，分析其内容，并直接在您的应用程序中重新创建其结构。此外，如果您使用的是 Angular 或 Typescript 模板，Playground 会分析包中包含的所有类型文件（.d.ts），并自动使用可用的新类来丰富其 IntelliSense。

请注意，目前不支持添加依赖于 CocoaPods 或 Android 库（或需要更改 App_Resources）的 NativeScript 插件！

您读过上面的说明吗？即使您读过，也请再读一遍！此功能的范围仅限于不依赖于 CocoaPods 或 Android 库的包。这些插件需要重新编译应用程序以将本机依赖项包含在最终的二进制文件中。出于显而易见的原因，此类包无法与您从应用商店下载的 Playground 伴侣应用程序一起使用。

这对您意味着我们支持所有仅调用已成为原始基础 Android 或 iOS 操作系统一部分的纯本机库的 NPM 包。

例如

• nativescript-facebook 插件将无法与 Playground 一起使用，因为此插件依赖于 iOS 上的 FBSDKCoreKit 和 FBSDKLoginKit Pods，以及 Android 上的 com.facebook.android:facebook-android-sdk。将这些本机依赖项添加到应用程序将需要完全重新编译。

• nativescript-drop-down 插件将可以工作，因为它不依赖于任何第三方本机库。

• lodash 包也将可以工作，因为它是一个纯平台无关的 JavaScript 实用程序。

我们正在考虑在 NativeScript Playground 伴侣应用程序中包含最流行插件的子集，以便您可以使用一些常用插件。敬请关注！

设备选项卡的改进

您可能错过了将设备选项卡添加到 Playground。此选项卡显示连接到当前 Playground 实例的设备。更实用的是，在设备日志选项卡中，每个日志条目前面都添加了设备名称，这使您能够进行一些基本的调试，以便按设备捕获问题。

感谢大家对 NativeScript 和 NativeScript Playground 的支持。祝您 NativeScript 开发愉快！😎