cordova+vue Cordova的環境搭建(android),真機測試


一、安裝node.js
  去官網下載node.js(官網地址: https://nodejs.org),按默認路徑安裝。
  安裝完后在命令行輸入
  $ npm //(測試node.js是否安裝成功)
二、全局安裝cordova cli
  $ npm install cordova -g
  $ cordova //測試是否安裝成功
三、部署android的開發環境
  1、安裝jdk(如果安裝的android studio 是2.2以后的版本請安裝jdk1.8),jdk請到官網  http://java.oracle.com/下載,下載安裝完后,配置環境變量 http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html
  2、安裝android sdk
   請從官網下載並安裝android sdk http://developer.android.com/sdk/index.html,安裝完后配置sdk的環境變量 http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html
  3、安裝Ant(請下載1.8.1版本,其它版本試了配置不能成功)
  Ant是java平台下一個打包部署工具,使用cordova命令的時候需要此工具。 http://ant.apache.org/bindownload.cgi,下載zip壓縮包,解壓后配置環境變量: http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html
四、創建cordova
  進入到目標文件夾,然后執行下面的命令:
  cordova create hello com.example.hello HelloWorld
  cd hello
  cordova platform add android
  cordova build(build的時間比較長,請耐心等待,如果中間卡了,請按ctrl+C終端操作,再次輸入cordova build)
五、android studio導入cordova項目
  我們在導入項目的時候選擇 import from gradle,導入項目的時候一定要選中build.gradle然后點擊確定。
六、真機測試
  用我們的數據線連接手機和電腦,允許手機USB調試,然后將我們打包過后的vue項目放到www文件夾下,最后運行項目就OK了。
              


免責聲明!

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



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