Tartalomjegyzék
NativeScript kezdés
- Szerző: Sallai András
- Copyright © Sallai András, 2021
- 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:
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:
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 |