vue項目使用Cordova用打包成app
vue開發心得,最近做了一個項目,vue開發移動端項目並打包成app。經過兩個月左右的學習,完成了這個項目,把這篇博客分享個大家,希望大家不要走彎路。
第一步:配置環境變量
1.安裝JDK
點擊下載JDK,安裝,然后新建環境變量 。如下圖:
2.安裝AndroidSdk
點擊下載AndroidSdk,安裝,然后新建環境變量 。也可以安裝Android studio。 如下圖:
3.安裝gradle
點擊下載gradle ,安裝,然后新建環境變量 。下載版本:gradle-5.6.2。如下圖:
第二步:安裝cordova
1.全局安裝cordova的環境
執行命令 :
cnpm install -g cordova
能看到版本號,就是安裝成功了。
2.我們來新建一個 cordova 應用
執行命令:
cordova create my-cordova
這就成功了,文件夾多了my-cordova這個文件夾。
如果報這個錯誤:
我們安裝Cordova6.0.0這個版本,執行命令 :cnpm install -g cordova@6.0.0 ,這個版本就沒有那個問題。
3.我們操作 cordova 應用
有三個文件夾是比較重要的,www文件夾放需要打包的文件,platforms里面存放是打包Android還是iOS還是browser。
我們在my-cordova下打開命令行,
在平台里添加 android 項目,執行代碼:
cordova platform add android --save
文件夾里就有了Android這個環境,
我們也可以加上iOS和Browser ,執行代碼:
cordova platform add ios --save
cordova platform add browser --save
三個環境就都有了。