npm i -g ionic cordova
Angular 4+ w/ Angular CLI
ionic start myapp
または
Angular 2/3 w/ @ionic/app-scripts
ionic start myapp --type=ionic-angular
ionic-angular のところは プロジェクトのタイプ を選択します。
Project Type | Description |
---|---|
angular |
Ionic Angular 4+ w/ Angular CLI for Tooling |
ionic-angular |
Ionic Angular 2/3 w/ @ionic/app-scripts for Tooling |
ionic1 |
Ionic 1 w/ AngularJS |
テンプレートの選択
Starter template: (Use arrow keys)
❯ tabs | A starting project with a simple tabbed interface
sidemenu | A starting project with a side menu with navigation in the content area
blank | A blank starter project
super | A starting project complete with pre-built pages, providers and best practices for Ionic development.
tutorial | A tutorial based project that goes along with the Ionic documentation
aws | AWS Mobile Hub Starter
cd myapp
ionic serve --devapp
ionic devapp をインストールします
https://ionicframework.com/docs/appflow/devapp
https://ionicframework.com/jp/docs/angular/your-first-app
ionic build
www フォルダをアップロードすれば普通に動きます。
ionic info
--type=ionic-angular で作成したアプリの場合
Ionic:
Ionic CLI : 5.4.13 (/Users/xxxxx/.anyenv/envs/nodenv/versions/12.14.0/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.9
@ionic/app-scripts : 3.2.4
Utility:
cordova-res : 0.8.1
native-run : not installed
System:
NodeJS : v12.14.0 (/Users/xxxxx/.anyenv/envs/nodenv/versions/12.14.0/bin/node)
npm : 6.13.4
OS : macOS Catalina
ionic4アプリの場合
Ionic:
Ionic CLI : 5.4.13 (/Users/xxxxx/.anyenv/envs/nodenv/versions/12.14.0/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.11.7
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.1
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : not available
Cordova Plugins : not available
Utility:
cordova-res : 0.8.1
native-run : not installed
System:
NodeJS : v12.14.0 (/Users/xxxxx/.anyenv/envs/nodenv/versions/12.14.0/bin/node)
npm : 6.13.4
OS : macOS Catalina