使用 NativeScript Sidekick 调试加速您的开发

随着 NativeScript Sidekick 的发布，我们推出了一套全新的功能和服务，以帮助您改善使用 NativeScript 框架开发跨平台移动应用程序的体验。本周我们将深入探讨 Sidekick 的一些最有价值的功能，今天我们将了解 Sidekick 如何帮助您解决 NativeScript 应用中的 🐛！

您是否错过了本周迄今为止涵盖的其他主题？如果是，请查看

• Sidekick 简介
• 入门套件
• 云构建和 Windows 上的 iOS 功能
• 调试和 LiveSync
• 资源和设置管理

我知道您不会用 🐛 或 🐜 写代码，我也不会！但无论如何，让我们学习一下如何使用 Sidekick 进行调试。

LiveSync 📲

从最广泛的定义来看，“调试”的过程包括迭代更改以了解为什么特定代码实现没有按照您的预期或希望的方式工作。对于传统的原生移动应用程序开发，这通常意味着

1. 编写一些代码；
2. 保存更改并启动构建；
3. 等待构建；
4. 再等等；
5. 在等待时，意识到有一些其他代码您本来打算更改；
6. 取消构建；
7. 转到第 1 行；
8. ¯\_(ツ)_/¯

有更好的方法！使用 LiveSync，NativeScript 允许您几乎即时查看对应用程序所做的更改。无论这些更改是针对 XML 标记、CSS 还是 JavaScript，您的应用程序都将无需完全重建即可刷新

调试 🐛

当我们谈论实际调试 NativeScript 应用程序时，您首先想到的可能是 Chrome DevTools

是的，这些与您多年来一直用于检查和调试 Web 应用程序的开发者工具相同。问题是，如何访问这些工具？

很简单。创建构建时，确保选择调试并选中启动调试器。这将执行您的构建（无论是本地构建还是云构建），并在应用程序部署后自动启动 Chrome DevTools。

使用 Chrome DevTools 和 NativeScript，您可以访问以下功能

• 调试器
• 控制台
• 资源
• 网络
• 元素

请注意，并非所有功能都适用于每种桌面操作系统和移动平台的组合。请参阅 提供的兼容性表，了解详细信息。

例如，利用调试器，您可以设置断点并逐步执行 JavaScript 或 TypeScript 代码

您也可以通过点击设备信息面板中的“错误”图标来启动调试器！

虽然不是 Sidekick 的一部分，但你们中的许多人都在使用 Visual Studio Code。您是否知道您可以利用 Visual Studio Code 的 NativeScript 扩展 来利用其内置的调试选项？

嘘…有传言说也将会有一个适用于 Visual Studio 2015/2017 的 NativeScript Sidekick 扩展！

总结

调试应用程序通常是任何开发人员生活中最痛苦的部分。我们的目标是通过 NativeScript Sidekick 和提供的广泛调试选项来帮助缓解这种痛苦。

附言：如果您还没有订阅，请订阅 NativeScript 新闻！