1. 程式人生 > >cordova+vue Cordova的環境搭建(android),真機測試

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

nod arc jdk1.8 nload 安裝 acl archive 配置環境變量 install

一、安裝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 sdkhttp://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了。               技術分享

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