IonicとCapacitorを使ったアプリを準備する（IonicとCapacitorの初期設定）
Nifty Cloud Mobile Backendを試してみようと思い、ひとまずIonic/Capacitorを使ったアプリを作ります。
まず、 Ionic の CLI をインストールします。
npm install -g @ionic/cli
グローバルインストールを避けるならば、git init をした上で npx install @ionic/cli とかでいけるかもです。
次に、blankのテンプレを用意します。今回はReactで作っていくので、 --type=react を指定します。
ionic start lab-ncmb-with-ionic-capacitor blank --type=react
さっきIonicのCLIを避けた場合は、 npx を頭につけるとよさそうです。
package.json に色々追加されて、 npm install が走っています。また、 .gitignore もいくつか設定されてます。
configファイル も Capacitor Ionic TypeScript と追加されています。
Ionic のプロジェクトとしては、必要最低限のコンポーネントの例と、UIフレームワークに利用されている css 、ネイティブに変換するときに必要となりそうな manifest.json やアイコンもここで追加されます。
これが終わったら、次は Capacitor の初期設定です。
npx cap init
AppNameと、PackageIDを指定します。
capacitor.config.json に変更が加わりました。
