[[oktatas:telefon:nativescript|< NativeScript]]

====== NativeScript kezdés ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2021
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== A NativeScript-ről =====

Nyílt forráskódú keretrendszer mobilalkalmazások fejlesztéséhez.
JavaScript és TypeScript nyelven fejleszhető.

Webhely:
  * https://nativescript.org/
  * https://www.npmjs.com/package/nativescript/
  * https://play.nativescript.org/
  * https://docs.nativescript.org/api-reference/

===== Szükséges beállítások =====

Szükség van telepített Node.js-re és a npm csomagkezelőre.


  apt install openjdk-11-jre

  update-alternatives --config java

  export ANDROID_HOME=$HOME/Library/Android/Sdk
  export PATH=$PATH:$ANDROID_HOME/platform-tools


Windows és Android:
  choco install -y nodejs.install openjdk8

===== Telepítés =====

  npm install -g nativescript


Telepítés után kapunk egy ns és egy tns parancsot. A kettő egy és ugyanaz. 
Valójában az ns egy szimbolikus link a tns-re.

A csomag a következő helyre kerül:
  /usr/lib/node_modules/nativescript



Ellenőrizzük, hogy minden rendben van-e:
  ns doctor android

===== Kódszerkesztő =====


Visual Studio Code bővítmények:
  * NativeScript
  * Material Icon Theme
  * Angular Essentials
  * 


===== Projekt létrehozása =====

  ns create HelloWorld --template @nativescript/template-hello-world-ts

További sablonok:
  * https://github.com/NativeScript/nativescript-app-templates/tree/master/packages


==== Csak interaktívan ====

Így is kezdhetjük:
  ns create
Interaktívan bekéri:
  * a projekt nevét
    * First, what will be the name of your app?
  * valamilyen keretrendszer vagy szimpla JavaScript
    * Next, which style of NativeScript project would you like to use: > Plain JavaScript
  * Milyen sablont szeretnénk használni?
    * Finally, which template would you like to start from: Hello World
===== Projekt tisztítása =====

  ns clean

Ez törli a node_modules könyvtárat. Újból kezdünk mindent.


===== Futtatás =====

Futnia kell Android emulátornak, vagy USB csatlakozva kell
legyen, vagy a hálózatban kell legyen egy fizikai eszközre 
telepített NativeScript Playground alkalmazás, amivel induláskor
beolvasható a parancssorban megjelenő QR-kód.

  ns run android


===== Hibakeresés =====

  ns debug android

===== Komponensek összehasonlítása =====


^  Web  ^  NativeScript  ^  Android  ^  iOS  ^
|  <button>  | <Button>  | widget.view.button  | UIButton  |