vue項目使用Cordova用打包成app 沉浸式導航欄


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

三個環境就都有了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM