< NativeScript

NativeScript kezdés

Szerző: Sallai András

Copyright © Sallai András, 2021

Licenc: 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 NodeJS-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