NativeScript入门指南

发表于 更新于 阅读次数： 本文字数： 630 阅读时长 ≈ 1 分钟

nativescript是个跨平台开发框架，号称性能只比原生差10%,同时又支持Angular写法，这对于有web及ng开发人，算是足够有诱惑力啦。

环境搭建

Node安装

node安装具体直接到官网吧点击这里

建议：

  • 安装nvm,控制机子多版本node问题
    1
    2
    nvm install node
    nvm use
  • 安装nrm,切换源到淘宝，提升装包速度
    1
    2
    3
    $ npm i -g nrm
    $ nrm ls
    $ nrm use taobao  //switch registry to taobao

安装NativeScript CLI

npm install -g nativescript

注意，全局安装

IOS和Android环境安装

不同平台，策略不同
具体安装细节照着官网文档做，这里我没必要重复

注意:

  • Android环境，建议首先安装androidstudio,通过官方ide去管理sdk更方便
  • 如果之前配置过安卓环境对应的步骤可以略过

校验程序

tns doctor

创建项目

tns create HelloWorld --template nativescript-template-ng-tutorial
注意:
模板形式创建的项目缺少App_Resources资源文件夹内容，所以直接执行下面的运行会报错，从github的官方demo上下载点击这里，拷贝文件夹放入项目中。

运行项目

1
2
tns run android
tns run ios

到此为止，应该初步OK了，下来就是详细的跟着官方doc学习下基本思想和基本玩法了。