ionic2 Handledning
Komma igång med ionic2

Anmärkningar

Installation eller installation

Eftersom Ionic 2 blir bättre och bättre varje dag, kontrollera alltid den officiella dokumentationen för att hålla reda på de senaste ändringarna och förbättringarna.

Förutsättningar: Du behöver NodeJS för att kunna bygga Ionic 2-projekt. Du kan ladda ner och installera nod här och lära dig mer om npm och paketen som Ionic 2 använder här .

1. Installera Ionic 2

Liksom Ionic 1 kan du använda Ionic CLI eller GUI för att snabbt bygga och testa appar direkt i webbläsaren. Det har till och med all funktionalitet att arbeta med dina Ionic 1-appar, så du behöver inte ändra någonting!

För att använda Ionic 2 installerar du bara joniskt från npm:

$ npm install -g ionic

Om du får ett EACCES-fel följer du instruktionerna här för att ge noden de behörigheter den behöver.

2. Skapa din första app

När CLI är installerat, kör följande kommando för att starta din första app:

$ ionic start MyIonic2Project

Tabulärmallen används som standard, men du kan välja en annan mall genom att gå in i en flagga. Till exempel:

$ ionic start MyIonic2Project tutorial
$ cd MyIonic2Project
$ npm install

Detta kommer att använda tutorialmallen .

För att köra din app, ändra till din projektkatalog och köra ionic serve -lc :

$ ionic serve -lc

-L aktiverar sidans återuppladdning, -c visar konsolloggarna. Om du har problem med att bygga din app ska du se till att ditt paket.json matchar det i ionic2-app-basen

Du kan spela med din nya app där i webbläsaren!

3. Bygga till en enhet

Du kan också bygga din nya app på en fysisk enhet eller en enhetsemulator. Du behöver Cordova för att fortsätta.

För att installera Cordova, kör:

$ npm install -g cordova

Kolla in iOS-simulatordokumenten för att bygga iOS-applikationer (OBS: du kan inte bygga till iOS-enheter eller emulatorer på något annat operativsystem än OSX), eller Genymotion- dokumenten för att bygga en Android-applikation.

Kör på iOS-enhet:

För att bygga en iOS-app är det nödvändigt att du arbetar på en OSX-dator, eftersom du behöver kakao-ramverket för att kunna bygga för ios, om så är fallet måste du först lägga till plattformen till cordova genom att köra följande kommando:

$ ionic cordova platform add ios

Du behöver Xcode för att kompilera till en iOS-enhet.

Kör slutligen din app med följande kommando:

$ ionic cordova run ios

Kör på en Android-enhet:

Stegen för Android är nästan identiska. Lägg först till plattformen:

$ ionic cordova platform add android

Installera sedan Android SDK som låter dig kompilera till en Android-enhet. Även om Android SDK levereras med en emulator är det riktigt långsamt. Genymotion är mycket snabbare. När du installerat kör du bara följande kommando:

$ ionic cordova run android

Och det är allt! Grattis till att bygga din första Ionic 2-app!

Ionic har också laddat om. Så om du vill utveckla din app och se förändringar som sker live på emulatorn / enheten kan du göra det genom att köra följande kommandon:

För iOS:

$ ionic cordova emulate ios -lcs

Var försiktig, på iOS 9.2.2 fungerar inte leverbelastningen. Om du vill arbeta med livereload kan du redigera filen config.xml genom att lägga till följande:

<allow-navigation href="*"/>

Sedan i <platform name="ios"> :

<config-file parent="NSAppTransportSecurity" platform="ios" target="*-Info.plist">
  <dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
  </dict>
</config-file>

För Android:

$ ionic cordova run android -lcs

l står för live-ladda om, c för konsolloggar och s för serverloggar. Detta gör att du kan se om det finns några fel / varningar under körningen.

Byggnad för Windows

Om du vill bygga ditt projekt för Windows måste du arbeta på en Windows-dator. För att starta, installera Windows-plattformen till ditt ionic2-projekt genom att köra följande kommando:

$ionic cordova platform add windows

Kör sedan följande kommando:

$ionic cordova run windows

Att köra i webbläsaren

$ionic serve

för inspektionsenhet för Chrome-webbläsare (skriv in adressfältet i Chrome-webbläsaren)

chrome://inspect/#devices