第一次接觸cordova蝇闭，從環(huán)境搭建到打包第一個apk踩了蠻多坑的，寫篇教程給大家參考一下
最后成果
安裝前環(huán)境：
1、win10系統(tǒng)
2固耘、java jdk 版本是 v1.8.0（java jdk是很早之前就安裝了的葬毫，關(guān)于java jdk的配置教程滿多的镇辉，這里就不絮叨這個了）
3、我是前端贴捡，node.js是我必備軟件之一忽肛，我目前的版本是v8.11.1
安裝node
這是node下載鏈接
推薦點擊這個
node安裝蠻簡單的，一路next就好
安裝完成后可以用 node -v查看版本
Android SDK 環(huán)境變量配置
下載地址 http://www.androiddevtools.cn/烂斋，這個地方我只需要sdk不需要他的編輯器所以這個地方我們就只下載sdk
1屹逛、下載解壓至D:\Program Files\androidSDK
汛骂，出現(xiàn)下圖
3罕模、原有不用取消繼續(xù)勾選
?勾選最后一個--最后install
5帘瞭、如果出現(xiàn)了這個
那么你很幸運去第7步配置環(huán)境變量吧
如果你出現(xiàn)了一個Warning淑掌！的警告框提示你有程序占用了這個文件夾，那么你跟我一樣很倒霉蝶念，看第六步
6抛腕、刪掉之前那個文件夾，重新解壓安裝包到一個空文件夾媒殉，復(fù)制tools担敌，命名為tools-copy
在tools-copy目錄運行 android.bat ，這樣就可以正常安裝完了
7适袜、新建系統(tǒng)變量
名：ANDROID_HOME
值：c:\tools_r25.2.3-windows”
編輯環(huán)境變量Path柄错，在彈框里點擊新建，你可以向我一樣輸入3條，也可以這樣
值：
;%ANDROID_HOME%\build-tools\27.0.3;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;
需要注意的是27.0.3是build-tools文件夾中的一個文件夾的名字
8售貌、終端中輸入adb给猾，出現(xiàn)下圖表示成功
安裝ant
下載鏈接：https://ant.apache.org/bindownload.cgi
1、下載第一個就好
2颂跨、下載完成之后解壓到你想安裝的目錄敢伸，比如我是D:\Program Files\ant
3、右擊我的電腦--屬性--高級系統(tǒng)設(shè)置--環(huán)境變量--點擊新建用戶變量
名：ANT_HOME
值：D:\Program Files\ant
4恒削、終端輸入ant -v出現(xiàn)以下畫面表示安裝成功
安裝gradle
下載鏈接http://services.gradle.org/distributions/
1池颈、下載解壓至D:\Program Files\gradle-4.7
2、右擊我的電腦--屬性--高級系統(tǒng)設(shè)置--環(huán)境變量--在系統(tǒng)變量里找到Path點擊編輯
在編輯環(huán)境變量的彈框內(nèi)點擊新建
輸入D:\Program Files\gradle-4.7\bin 點擊確定
3钓丰、終端輸入 gradle -v出現(xiàn)下圖安裝成功
安裝cordova
不容易躯砰，終于來到這一步了
1、全局安裝
npm install -g cordova
2携丁、cd到你想要創(chuàng)建項目的文件夾琢歇，cordova create是創(chuàng)建項目的命令，hello為本地文件夾名稱梦鉴，com.example.hello為項目id李茫，HelloWorld為最后app的名稱
$ cordova create hello com.example.hello HelloWorld
執(zhí)行成功后，項目目錄變成了這樣
<u>目錄結(jié)構(gòu)說明</u>
hooks：存放自定義cordova命令的腳本文件肥橙。
config.xml ：cordova的配置文件
www:工作目錄,所有的html魄宏，js之類的文件默認加載到index.html，在cordova prepare時被copy到各個平臺的assert的www目錄中
plugins：已安裝的插件
platforms：各平臺的工程目錄存筏，cordova編譯工程時會將其覆蓋
3宠互、給你的App添加目標(biāo)平臺，現(xiàn)在我們添加android'平臺椭坚，并確保他們保存在了config.xml中
$ cordova platform add android --save
出現(xiàn)這個表示你安裝添加成功
檢查你當(dāng)前平臺設(shè)置狀況
cordova platform ls
如果你順利添加成功沒有報任何error名秀，運行這個命令會是這樣的
如果報了error那就肯定沒有成功installed platforms是空的
我一向很倒霉，如果你跟我一樣倒霉藕溅，那么就看下我試過的各種方法Cordova add android 報錯4種解決方法
5、運行cordova build android進行打包继榆，時間會有點長巾表，
打包完成后可以在項目文件夾platforms\android\app\build\outputs\apk\debug內(nèi)找到打包好的apk文件
歡迎留言交流 (′▽`???)**
