IONIC3 development environment to build-VS CODE_IONIC3 development environment-vs

First, Ionic3 in VS code in the development environment to build

1. Global Installation Ionic Package

NPM install-g Cordova Ionic

Use the IONIC-V command to see if the installation was successful

2. Create IONIC3 project using ionic start XXX command

Ionic Start myApp Tabs

Note: Tabs is to create the initialization project type with the tab template default

3. Use the ionic serve command to run the project

CD myApp
Ionic serve

View supported platforms using IONIC/CORDOVA platforms LS---

Ionic/cordova Platform Add XXX---Install a supported platform

Apple Environment:

Ionic Platform Add iOS
ionic emulate iOS

Android Environment:

Ionic platform Add Android
Ionic run Android

4. Open project with vs Code, modify home page

Note: Write the page in VS code, and click Save to automatically refresh the browser, just like the development Angular2.

  <button Ion-button color= ' light ' >light</button>
  <button ion-button> default button </button>
  <!--date control-->
  <ion-item>
    <ion-label>start time</ion-label>
    <ion-datetime displayformat= "h:mm a" pickerformat= "H mm a" >
    </ion-datetime>
  </ion-item>

Run Result:

More:

Apache Cordova Development Environment Build (ii) VS Code

Ionic Create Project failed: [ERROR] network connectivity Error occurred, are you offline?

Ionic2 Related Document collation