NativeScript环境配置

构建NativeScript with angular的开发环境,我们以windows平台为例说说他的环境安装和配置。

1.编辑器安装:因为NativeScript with angular使用angular2我习惯于Typescript来开发,那我们就得下载微软的 Visual Studio Code. 下载直接安装即可超简单的。

2. 安装node.js: 来到node官网https://nodejs.org/。安装即可

3. 安装 NativeScript CLI :需要输入在命令行输入以下命令

在这个过程中,你会遇到如下问题: Do you want to visit the official documentation? Do you want to run the setup script? 这两个问题你要选择 NO(n),别的都选择yes(y)即可。

通过运行tns命令来查看是否成功:

如果有一下条件说明成功。

4. 安装Android环境

这个过程时间会比较长,你需要耐心等待。。。。

5. 验证我们的安装

使用

如果出现:No issues were detected 。恭喜你,安装成功了。

6. android虚拟主机安装

我比较推荐genymotion,你需要注册一个账号,下载 with VirtualBox的整合版20160708190047

下一步,下一步,安装即可。

当你运行虚拟机并配置好了虚拟系统,但是你还是无法和NativeScript连接,还需要一个简单的配置我们就可以开发NativeScript项目了。这个配置是我们要设置ADB的Android SDK

20160708190502

这个SDK是的路径是你刚刚“安装android环境”时生成的,你可在环境变量中找到这个路径并绑定到genvmotion虚拟机。

这样当你创建了NativeScript项目后,运行:

ok,你会看到虚拟机里的项目在运行了。

发表评论