Ⅰ. はじめに
タイトルの通り「Cordova + Vue.js + Onsen UI + ESLint + webpack で helloworld する」方法です。
Ⅱ. やり方
環境準備
1. vue-cliのインストール
npm install -g vue-cli
2. cordovaのインストール
npm install -g cordova
3. Vue.js +Onsen UI + webpack のテンプレートを使って初期化する
vue init OnsenUI/vue-cordova-webpack hello-world cd hello-world npm install
4. Cordova で 対象プラットフォームとして Android を追加する
cordova platform add android // cordova platform add ios // cordova platform add browser
実行
Cordova で Androidアプリとして実行する
npm run build cordova run android // conso.log() のログを見る // adb logcat | find "CONSOLE"
webpack で Webアプリケーションとして実行する
npm run dev
実行結果
