文档章节

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

MockMan
 MockMan
发布于 2015/04/04 22:03
字数 635
阅读 708
收藏 2

环境搭建(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

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

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

创建一个新项目

  • 在命令行输入命令,来创建一个名为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文件,运行效果如下图:


    总结

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



© 著作权归作者所有

共有 人打赏支持
MockMan
粉丝 13
博文 2
码字总数 697
作品 0
东城
程序员
私信 提问
加载中

评论(1)

MockMan
MockMan
打包出来的apk有8m之巨...
NativeScript 1.0.2 发布,跨平台移动端开发

NativeScript 1.0.2 发布,此版本是个 bug 修复版本。在一些 Linux 和 OS X 系统中,当 USER 或者 SUDO_USER 环境变量丢失时,会遇到不能运行 NativeScript CLI 命令的问题。这个版本解决了这...

oschina
2015/06/01
2.1K
8
NativeScript —— 初级入门(跨平台的手机APP应用)《一》

NativeScript 入门 1. NativeScript简介 NativeScript是一个相当新的开源开发系统,几乎完全用JavaScript创建跨平台移动应用程序,带有一些可选的CSS和XML来简化显示布局的开发。您可以在htt...

丶大皮球
2018/09/25
0
0
NativeScript 3.4.0 发布,创建跨平台原生应用的框架

NativeScript 3.4.0 已发布,NativeScript 可以使用 Javascript,CSS, XML 创建真正的 Native 跨平台应用,支持 iOS Android 和 Windows Universal,NativeScript 可将跨平台代码翻译成目标平...

局长
2017/12/22
1K
5
NativeScript v3.0.0 发布,Native 跨平台应用

NativeScript v3.0.0 发布了,NativeScript 可以使用 Javascript,CSS, XML 创建真正的 Native 跨平台应用,支持 iOS Android,NativeScript 将跨平台代码翻译成目标平台的代码。 更新内容:...

达尔文
2017/05/04
1K
3
NativeScript 3.0 计划4月发布,集成 Angular4

随着 NativeScript 2.5 的发布,这个开源的跨平台移动开发框架构建器准备在4月份发布3.0版本。 NativeScript 允许使用 JavaScript 开发针对 iOS 和 Android 的原生移动应用,3.0版本将包括:...

王练
2017/02/16
1K
4

没有更多内容

加载失败,请刷新页面

加载更多

LTS

长期技术支持 Long-Term Support,长期技术支持(版本)。Ubuntu Long Term Support:Ubuntu 长期技术支持版(三年),一般的版本支持为18个月。注意,这里的T是term而不是time。Ubuntu的母公...

嘿嘿嘿IT
16分钟前
1
0
SpringSecurity的基本原理

SpringSecurity的基本原理

chendom
17分钟前
1
0
完美解决tomcat启动速度相当慢 快死的状态了

先粘一下日志 ---- Started Application in 3319.145 seconds (JVM running for 3324.59) 3319.145 seconds 多么感人的时间,快一个小时了 重新编译神马的操作根本没有效果,最后看了一下断点...

jaffreyen
25分钟前
3
0
C/C++可变参数,“## __VA_ARGS__”宏的介绍和使用

下面是C99的方法: 1 #define dgbmsg(fmt,...) printf(fmt,__VA_ARGS__) 代码 #include <stdarg.h>#include <stdio.h>#define LOGSTRINGS(fm, ...) printf(fm,__VA_ARGS__) int main(......

青春无极限
32分钟前
0
0
es6默认参数

es5 要实现默认参数,一般是 在大括号里 写, function calc(x, y) { x = x || 0; y = y || 0; // to do with x, y // return x/y} es6后,直接用语言本身来处理, 写...

东东笔记
34分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部