スポンサーリンク

Ionic4.0.0-beta.0を試してみる

 

以下のブログによると、beta版が出たらしいので、試してみる。

https://blog.ionicframework.com/announcing-ionic-4-beta/
image

https://github.com/ionic-team/ionic/releases
image

(開発環境)
Windows8.1Pro
Node v8.11.2
npm v6.1.0

(1)npmのアップデートと、ionic-cli のインストール

C:/ionic4/ フォルダをVisualStudioCodeで開き、Ctrl+@でターミナルを開く。

npm install -g ionic

なんかエラーでうまくいかず。。。

image

よくわからないが、npm update したら、うまくいった。

npm update
npm install -g ionic

image

(2)ionic4 (beta)アプリの作成

ionic start myApp tabs --type=angular

image

image

(3)アプリの実行

cd myApps
ionic serve

ちなみに、ionic serve -l はうまくいかなかった。

だいぶ時間がかかる。

image

ちなみに、中身はこんな感じ。

まだbeta版なので、いろいろ変わるかもしれない。

しかし、

image

image

src/app/ フォルダの中に、home/ や、 tab/ フォルダが入っている。

また、ブログによると、ルーティングがだいぶ変わるようです。

スポンサーリンク