1.首先安裝cordova官方文檔 https://cordova.apache.org/docs/en/7.x/guide/cli/index.html
- npm install -g cordova
- cordova create hello com.example.hello HelloWorld
- cd hello
- cordova platform add ios
- cordova platform add android
- cordova platform ls （查看當前電腦的環(huán)境依賴）
- cordova build
- cordova run android
這樣就打包完畢夫凸，android手機連接電腦直接會安裝在手機上
2.安裝Framework7 http://framework7.io/vue/templates.html误算，這里是編譯一個模板
- git clone https://github.com/nolimits4web/Framework7-Vue-Webpack-Template my-app 我們使用這個模板
- 進入到my-app文件夾下
- npm install
- npm run dev （執(zhí)行這一步就回打開瀏覽器在瀏覽器看到模板）
-
npm run build （會在dist目錄下申城編譯好的文件）
image.png
重點講此文件下的所有文件拷貝到cordova 的創(chuàng)建的項目www目錄下面
image.png
這就把cordova和Framework7合并了然后執(zhí)行
- cordova platform add ios --save
- cordova platforms add android --save
- cordova build
-
cordova run android
即可
image.png
