More than 3 years have passed since last update.

Vue.js、Capacitorでアプリ開発

Last updated at 2020-03-15Posted at 2020-03-14

ウェブ開発ノウハウを利用してスマートフォンアプリの開発を行うハイブリッドアプリについて、ソリューションの一つとしてCapacitor＋Vue.jsを考えてみました。
メリットは、最初のプロジェクトの作成が非常に簡単にできることですので、プロジェクトの作成手順を紹介します。

$ npm install --save @capacitor/core @capacitor/cli

$ npx cap init

capacitor.config.jsonのwebDirをwwwからdistに変更する。

$ npx cap add ios
$ npx cap add android

$ npx cap copy ios
$ npx cap copy android

$ npx cap open ios
$ npx cap open android