0. 寫在前面
前端從一開始的切切圖嗤形，謝謝靜態(tài)頁面的Web前端，變成了PC和移動開發(fā)通吃的前端工程師。
既然都是工程師了赴背，把自己寫的移動端頁面打包成apk不會可怎么行。
之前在公司就是做移動app開發(fā)的晶渠，不過凰荚，由于那個時候公司已經搭建好環(huán)境了，所以這次在自己搭建的時候還是遇到了各種各樣的問題褒脯。所以決定記錄下來便瑟，把坑都寫進去。造福自己方便大家番川。
1. 安裝java和安卓的環(huán)境
1.1 下載 jdk
我覺得是最難最復雜的一個部分了
千萬不要去下載JAVA SE 10.0.2
他好像有毒
我們下載下面的Java SE 8u181
下載完成之后傻瓜式安裝（我不是說你是傻瓜）
1.2 配置環(huán)境變量
windows + E打開資源管理器（也就是我的電腦）鼠標右鍵點擊我的電腦/此電腦/這臺電腦
-
點擊屬性
找環(huán)境變量 -
點擊高級系統設置
高級系統設置 -
點擊環(huán)境變量
環(huán)境變量 -
1. 在上面的用戶變量中新增加一個
JAVA_HOME為變量名到涂，jdk所在的地址為變量值（我這里是C:\Program Files\Java\jdk1.8.0_181）的變量
新增java_home -
2. 再在上面的用戶變量中新增一個
CLASSPATH為變量名脊框，.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar為變量值的變量，可以直接復制過去践啄，注意前面有一個點和分號浇雹，不要漏掉
新增CLASSPATH -
3. 按
windows + R打開運行，再在輸入框內輸入cmd打開命令提示行昭灵，輸入java -version如果出現幾行英文證明成功安裝
驗證安裝
1.3 安裝Android SDK Manager
依然是一個傻瓜安裝，記錄下安裝這個sdk的路徑伐谈，一會配置環(huán)境的時候需要用到烂完。
安裝這些東西。
1.4 配置安卓環(huán)境變量
- 找到環(huán)境變量诵棵，再在用戶變量中添加一個變量名為
ANDROID_SDK_HOME抠蚣，變量值為剛剛下載sdk的路徑（我這面的這個路徑是D:\Users\Administrator\AppData\Local\Android\android-sdk）
安卓環(huán)境變量配置
1.5 驗證安卓環(huán)境變量是否安裝好
-
按
windows + R打開運行，再在輸入框內輸入cmd打開命令提示行履澳，輸入adb如果出現很多行英文證明成功配置好
成功了
2. 安裝cordova-cli
- 安裝cordova 模塊使用Nodejs的npm工具嘶窄。cordova模塊會被npm工具自動下載。
- 所以在安裝cordova之前先要安裝node環(huán)境
- node傳送門
- node依然是傻瓜式安裝奇昙，不要安裝最新版本护侮，安裝推薦版本。在這里不做過多贅述储耐。
- 按
windows + R打開運行羊初，再在輸入框內輸入cmd打開命令提示行- 輸入命令 npm install -g cordova
- -g標志是告訴 npm 我們全局安裝 cordova。否則我們將會安裝在當前工作目錄的 node_modules子目錄什湘。
3. 創(chuàng)建一個app
- 找到你的項目目錄中长赞，并創(chuàng)建你的cordova項目：
cordova create hello com.example.hello HelloWorld
| 參數 | 描述 | 說明 |
|---|---|---|
hello 必填
|
生成一個名為hello的項目目錄 | www子目錄是應用程序的主頁，以及各種資源(css,js,img)闽撤，遵循共同的web開發(fā)文件命名規(guī)范得哆。這些資源將存儲在設備上的本地文件系統。config.xml文件包含重要的需要生成和分發(fā)應用程序的元數據哟旗。 |
com.example.hello 可選參數
|
App ID | 如果不填寫這個參數贩据，第三個參數就要省略，默認值是 io.cordova.hellocordova闸餐，但建議填寫一個適當的值饱亮。 |
HelloWorld 參數可選
|
應用程序的項目名 | 這個參數的默認值是 HelloCordova，但建議你填寫一個適當的值舍沙。 |
- 這個命令會創(chuàng)建一個cordova應用所必須的目錄近上。默認情況下，cordova create命令生成基于web的應用程序的骨骼拂铡，項目的主頁是 www/index.html 文件壹无。
4. 添加一個平臺
我們都知道葱绒，移動app常用的分為安卓平臺和IOS平臺，所以斗锭，開發(fā)IOS的ipa安裝包要去蘋果系統上才能安裝平臺地淀，再配合xcode來進行打包。在這里我們主要介紹安卓的apk的打包拒迅。
- 給你的App添加目標平臺骚秦。我們將會添加'android'平臺，并確保他們保存在了config.xml中:
cordova platform add android --save- 安裝構建先決條件
- 要構建和運行App璧微，你需要安裝每個你需要平臺的SDK。
- 奧義硬梁，缺什么前硫，下什么。
5. 構建app
-
cordova build android
出現了BUILD SUCCESSFUL說明構建成功
成功打包 -
去下圖的路徑找到apk荧止，然后進行模擬器或真機調試
apk
6. 結束
在配置過程中有什么問題都可以留言屹电，知無不言言無不盡，轉載請注明出處跃巡。
