cordova+vue Cordova的環境搭建(android),真機測試
阿新 • • 發佈:2017-08-23
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),真機測試