Ionicフレームワークは、HTML、CSS、JavaScriptなどのコアWebテクノロジーを使用してモバイルおよびデスクトップアプリケーションを構築するためのオープンソースUIツールキットです。 Ionicは、現在のすべてのモバイルデバイスおよびプラットフォームで美しく機能し、表示されるように設計されています。
この記事は、Fedora 32/31/30/29/28システムにIonicフレームワークコマンドラインユーティリティをインストールするのに役立ちます。
ステップ1 – Node.jsをインストールする
Ionicでは、システムにNodejsをインストールする必要がありました。システムにNodejsがインストールされていません。次のコマンドを使用して、システムにNode.js 12.xバージョンをインストールします。チュートリアルにアクセスして、Fedoraシステムに最新のNode.jsをインストールできます。
curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash - sudo dnf install nodejs
ステップ2 – Cordovaをインストールする
nodejsをインストールした後、次のコマンドを実行し、npmコマンドを使用してシステムにCordovaをインストールします。他のすべての必要なノードモジュールがシステムにインストールされます。
sudo npm install -g cordova
ステップ3 – FedoraにIonicをインストールする
Ionicは、パッケージの作成、アプリケーションのビルドおよび開始のためのコマンドラインユーティリティを提供しています。 NPMコマンドを使用して、システムにIonicフレームワークをインストールします。
sudo npm install -g @ionic/cli
Ionicフレームワークのインストールが完了したら、次のコマンドを使用して、インストールされているバージョンを確認します。
ionic -v 6.10.1
ステップ4 –サンプルアプリケーションを作成する
ここで、次のコマンドを実行して、コンピューターに新しいIonicアプリケーションを作成する必要があります。
ionic start
ウィザードに従ってください：
- ReactまたはAngularからフレームワークを選択します。
- 次に、新しいアプリケーションの名前を入力します
- スターターテンプレートを選択します。各テンプレートの詳細が画面に表示されます。
ウィザードを完了すると、「Your Ionic app is ready！」というメッセージが表示されます。画面に次のステップも表示されます。
次に、アプリケーションディレクトリから以下のコマンドを実行します。
cd ionic-app ionic serve --host 0.0.0.0 --port 8100
次に、システムIPを使用してWebブラウザーでイオンアプリケーションにアクセスします。
