Cordova Android的環(huán)境搭建

0、下載java sdk 1.8以上版本JDK

1、下載Android Development ToolsADT已經(jīng)包括了Android sdk、esclipe,解壓即可使用。

https://pan.baidu.com/s/1skFkA3z

2、配置環(huán)境變量

系統(tǒng)變量里面新增JAVA_HOME,設(shè)置值為javasdk根目錄:

例如:C:\Program Files\Java\jdk1.8.0_121

系統(tǒng)變量 Path 變量里面增加如下

;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

測試是否安裝和配置好。在 cmd 命令行中分別輸入 java?? javac 看看是否報(bào)錯(cuò)

解壓adt包,隨便放在你的一個(gè)目錄下面,注意:路徑不要有中文,不要又特殊符號(hào)

例如這里我放在 D:\Program Files\ 下面

系統(tǒng)變量 Path 變量里面增加如下:

D:\Program Files\adt\sdk\tools;D:\Program Files\adt\sdk\platform-tools;

// 設(shè)置cnpm 源

npm config set registry http://registry.cnpmjs.org/

// 創(chuàng)建 cordova 項(xiàng)目不成功的話,先把 上次裝的 cordova 給卸載

npm uninstall -g cordova

// 安裝 cordova

npm install -g cordova

// cordova -v ?顯示版本號(hào)

// 1. 創(chuàng)建項(xiàng)目

cordova create hello com.xxx.www hello

// 2. 進(jìn)入項(xiàng)目目錄

cd hello

// 3. 添加到 android 平臺(tái)

cordova platform add android

打開夜神模擬器

// 5. 使用? eclipse 進(jìn)行打包

// 把node_moudles 的文件給取消選擇

// 在MainActivity 點(diǎn)右鍵 Run AS -> android application

此時(shí)夜神模擬器的桌面會(huì)多出一個(gè)hello的文件

兩個(gè)www 文件

1. 根目錄下的? /www

2. 平臺(tái)下的 www? ? ?/platforms/android/assets/www? (軟件上面真實(shí)使用的頁面)

修改頁面。

*** 不要直接修改? 平臺(tái)下的 www。 修改 根目錄下的www

修改完成使用下面的命令,讓 根目錄下的 www 跟平臺(tái)下的www保持一致,

cordova? prepare

然后重新 打包運(yùn)行

7、項(xiàng)目的結(jié)構(gòu)

要放我們的html代碼的目錄有兩個(gè)

1.C:\cordova\myApp\platforms\android\assets\www

2.C:\cordova\myApp\www

cordova? prepare這個(gè)命令是將 2下面的文件復(fù)制到? 1里面了

我們 主要編輯項(xiàng)目根目錄下面的www目錄里面的html 文件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容