04混合開(kāi)發(fā)基礎(chǔ)2016課件ionic co環(huán)境配置

1、1.1-jdk地址：21.2-環(huán)境變量配置3a- 系統(tǒng)變量增加：JAVA_HOME3b- 系統(tǒng)變量增加：CLASSPATH3c- 在 Path 系統(tǒng)變量的后面增加3d- 命令 javac 正常運(yùn)行即可42-android 環(huán)境變量配置42.1-2.2-SDK Tools-4完畢，安裝或者解壓后，在相應(yīng)目錄下找到并打開(kāi) SDK Manager.exe52.3-Android 環(huán)境變量配置：8a- 找到 SDK Manager 所在的目錄8b- 新建系統(tǒng)變量：Android9c- 在 Path 系統(tǒng)變量的后面增加- ;%Android%9d- 命令 adb 正常運(yùn)行即可93-安裝 ionic 和

2、cordova10a-通過(guò) npm 全局安裝10b-測(cè)試是否安裝10c-如果 npm 安裝過(guò)慢或不，可以試試國(guó)內(nèi)淘寶的 npm 鏡像114-創(chuàng)建項(xiàng)目、打包、發(fā)布114.1-創(chuàng)建項(xiàng)目：ionic start appName114.2-進(jìn)入創(chuàng)建好的項(xiàng)目目錄下，增加 android 平臺(tái)124.3-打包：在項(xiàng)目下用命令：ionic build android 打包134-4-直接通過(guò) usb 數(shù)據(jù)線在上安裝151-jdk 安裝與配置1.1-jdk地址：8-downloads-2133151.html完畢安裝即可1.2-環(huán)境變量配置a-系統(tǒng)變量增加：JAVA_HOME把 jdk 的安裝路徑即可b-系統(tǒng)

3、變量增加：CLASSPATH值為-.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar;注意開(kāi)頭的一個(gè)點(diǎn)c-在 Path 系統(tǒng)變量的后面增加-;%JAVA_HOME%bin;d-命令 javac 正常運(yùn)行即可2-android 環(huán)境變量配置2.1-SDK Tools-2.2-完畢，安裝或者解壓后，在相應(yīng)目錄下找到并打開(kāi)SDK Manager.exeSDK Manager 默認(rèn)勾選了一些選項(xiàng)，直接點(diǎn)擊 Install packages 安裝即可如果安裝過(guò)慢，可以用國(guó)內(nèi)的鏡像，或者分包找到相應(yīng)的包即可：2.3-Android 環(huán)境變量配置：a-找到 SDK

4、Manager 所在的目錄上面的在同一目錄下b-新建系統(tǒng)變量：Android把platform-tools 和tools 這兩個(gè)文件夾的路徑添加到變量值里面，中間用分號(hào)隔開(kāi)c-在 Path 系統(tǒng)變量的后面增加-;%Android%d-命令 adb 正常運(yùn)行即可3-安裝 ionic 和 cordovaa-通過(guò) npm 全局安裝b-測(cè)試是否安裝c-如果 npm 安裝過(guò)慢或不鏡像，可以試試國(guó)內(nèi)淘寶的 npm4-創(chuàng)建項(xiàng)目、打包、發(fā)布4.1-創(chuàng)建項(xiàng)目：ionic startappName創(chuàng)建過(guò)程會(huì)問(wèn)是否創(chuàng)建 ionic.io 賬號(hào)，n 即可4.2-進(jìn)入創(chuàng)建好的項(xiàng)目目錄下，增加 android 平臺(tái)增加后

5、會(huì)在項(xiàng)目下增加一個(gè) platforms 的文件夾4.3-打包：在項(xiàng)目下用命令：ionic build android 打包的過(guò)程會(huì)比較久不好的時(shí)候會(huì)直接報(bào)錯(cuò)誤所以直接拷貝一份打過(guò)包的.gradle 文件夾到本機(jī)用戶名下就好：打包后，會(huì)在platforms/android 下增加一個(gè)build 文件夾打包好的apk 在platforms/android/build/outputs/下，可以拷貝到上安裝了4-4-直接通過(guò) usb 數(shù)據(jù)線在上安裝a-用數(shù)據(jù)線連上，輸入 adb devices 命令，測(cè)試是否連接b-運(yùn)行 ionic run android 直接安裝打過(guò)包的apk 到上c-真機(jī)演示效果但是在 chrome 瀏覽器的虛擬中和 IOS中，tabs 是在下面的解決方案如下：在www/js/app.js 中，對(duì)配置 config 的