跨平台开发NativeScript的环境搭建与项目的创建运行

环境搭建(Windows环境下)

  • 安装nodejs,在官网下载安装包安装即可。

  • 安装Chocolatey(非必需,以下使用choco命令来安装的软件可自行下载安装)。用管理员启动cmd贴上如下代码即可

    @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

    需要稍微等待一段时间下载点东西,如图:

跨平台开发NativeScript的环境搭建与项目的创建运行_第1张图片

之后可以输入choco来验证是否安装成功,如图:

  • 安装JDK(可通过命令choco install java来安装),并配置环境变量

  • 安装ant(可通过命令choco install ant来安装),并配置(环境变量)[http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html]。

  • 安装Android SDK,并配置环境变量。需要下载Android 19 SDK

  • 安装模拟器Genymotion(可选)

  • 安装[NativeScript CLI],通过命令(npm i -g nativescript)安装(我装这个的时候比较慢,稍等。)

创建一个新项目

  • 在命令行输入命令,来创建一个名为helllo-world的项目

    tns create hello-world

    弹出这个

    问你是否愿意自动发信息帮助他们改进此软件。y或者n都可以。

  • 添加目标平台,支持android和ios平台。

    cd hello-worldtns platform
  • add iostns platform add android

    当输入tns platform add android后,如果没有配置android sdk的环境变量会提示Unable to find adb in PATH. Default one from NativeScript resources will be used,会继续添加android支持。
    还是由于没有配置android sdk的环境变量的原因会报错`Command failed: C:\Windows\system32\cmd.exe /s /c "android list targets",所以还是先配置好android sdk的环境变量吧。

  • 接下来就是见证奇迹的时刻,跑起来。
    使用模拟器(如Genymotion,或android sdk自带模拟器)运行,android平台命令如下

    tns run android --emulator

    也可以直接在真机上运行,android平台使用如下命令

    tns run android

    通过创建项目并添加了安卓平台支持,再之后执行了运行的命令,再经过一系列的编译打包之后,最终生成了一个android的apk文件,运行效果如下图:

    跨平台开发NativeScript的环境搭建与项目的创建运行_第2张图片

    总结

    就安装来看,总体来说并不是很复杂。拿android平台来说,如果你本身就是一个安卓开发者,想必你的电脑上已经安装了开发android的必需工具的最小集(android sdk ,jdk)。那么你需要安装的仅仅是上面安装过程中的nodejs、NativeScript CLI和ANT,安装过程相当简单。



你可能感兴趣的:(移动开发,跨平台,NativeScript)