nativescript开始使用nativescript


备注

Nativescript是一个高性能的跨平台移动应用程序运行时,它允许您使用Web技术(JS和html)定位iOS和Android(使用管道中的窗口)。它的创建有许多关键目标:

  • 视觉上的表现:即使在Android上也没有UI Jank你有黄油光滑的fps
  • 可扩展:您可以访问所有本机API,以创建简单的跨平台插件
  • 完全原生的UI
  • 与Typescript和Angular 2高度集成
  • 开源,得到Telerik的强大企业支持

如何通过WiFi调试nativescript-android应用程序(不带Root)

1 - 您需要通过USB电缆将设备连接到计算机。确保USB调试正常。运行adb devices (或tns device )时,您可以检查它是否显示。

在此处输入图像描述

2-run adb tcpip 5555

在此处输入图像描述

3 - 断开设备连接(拔下USB电缆)。

4 - 进入设置 - >关于手机 - >状态以查看手机的IP地址。

5-run adb connect <IP address of your device>:5555

在此处输入图像描述

6 - 如果再次运行adb devices (或tns device ),您应该会看到您的设备。

在此处输入图像描述

7-现在你可以使用tns run androidtns livesync android 命令。

注意:

1 - 当WiFi网络发生变化时,您不必重复步骤1到3(这些将手机设置为wifi调试模式)。您必须通过执行步骤4到6再次连接到手机。

2-Android手机在重启时会失去wifi调试模式。因此,如果您的电池耗尽,您必须重新开始。否则,如果您留意电池并且不重新启动手机,您可以在没有电缆的情况下使用数周!

警告 :

启用该选项是危险的,即使您在数据网络中,网络中的任何人都可以在调试中连接到您的设备。仅在连接到受信任的Wi-Fi时执行此操作并记得在完成后断开连接!

参考

1-Norman Peitek。如何通过WiFi调试您的Android应用程序(没有Root!)。 [在线]可从以下网址获取: https//futurestud.io/blog/how-to-debug-your-android-app-over-wifi-without-root 。 [2016年8月8日访问]。

2 usethe4ce。通过Wi-Fi运行/安装/调试Android应用程序? [在线]可从以下网址获取: http//stackoverflow.com/a/10236938/4146943 。 [2016年8月8日访问]。

安装或设置

有关获取Nativescript设置或安装的详细说明。

以下示例显示了设置Windows或OSX系统所需的步骤,然后在出现问题时将其发布到故障排除指南。

此外,还有一些示例说明如何设置推荐的工作流程,IDE和模拟器。

苹果系统

  1. 确保安装了最新的 Node.js LTS。如果您使用Homebrew,可以使用brew install node4-lts 完成。
  2. 打开终端并键入npm install -g nativescript 。如果出现EACCES 错误,请使用sudo npm install -g nativescript
  3. 在命令提示符下键入ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)" 。 (这可能需要一段时间。)
  4. 要验证上述方法是否有效,请在终端输入tns doctor
  5. 如果有任何错误,请按照故障排除指南进行操作

使用Visual Studio代码进行NativeScript开发

Visual Studio Code是Microsoft提供的一种开源且功能丰富的代码编辑器。要将其设置为NativeScript开发,请打开命令选项板( F1 + Shift + P )并键入ext install NativeScript

安装NativeScript扩展后,调试器应允许您在代码中设置断点。连接设备或运行仿真器时,可以从“调试”选项卡启动应用程序。 设备选择菜单

视窗

  1. 确保安装了最新的nodeJS LTS
  2. 打开命令提示符并键入$ npm install -g nativescript
  3. 在命令提示符下键入$ @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))" - 这可能需要一段时间
  4. 要验证以上是否有效,请在命令提示符下键入$ tns doctor (您的cmd)
  5. 如果有任何错误,请按照故障排除指南进行操作

你的第一个Hello World计划

$ mkdir hello-world
$ cd hello-world
$ tns create hello-world --ng
$ tns platform add android #You can only add ios on an OSX machine
 

然后确保你有一个设备连接或模拟器运行(如果你没有,默认模拟器应该启动或将引发错误。我会建议genymotion为Android)。

$ tns run android 
 

如果要使用默认的android模拟器,请添加--emulator 标志。

从tns 2.5开始,livesync现在是tns run <platform> 的默认操作,当您保存文件更改时,它将自动重新编译。这可以显着缩短您的开发时间,但是,如果您对插件进行了更改,则需要正确地重新编译。