04混合開發(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)目錄下找到并打開 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-通過 npm 全局安裝10b-測試是否安裝10c-如果 npm 安裝過慢或不，可以試試國內(nèi)淘寶的 npm 鏡像114-創(chuàng)建項目、打包、發(fā)布114.1-創(chuàng)建項目：ionic start appName114.2-進(jìn)入創(chuàng)建好的項目目錄下，增加 android 平臺124.3-打包：在項目下用命令：ionic build android 打包134-4-直接通過 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;注意開頭的一個點c-在 Path 系統(tǒng)變量的后面增加-;%JAVA_HOME%bin;d-命令 javac 正常運(yùn)行即可2-android 環(huán)境變量配置2.1-SDK Tools-2.2-完畢，安裝或者解壓后，在相應(yīng)目錄下找到并打開SDK Manager.exeSDK Manager 默認(rèn)勾選了一些選項，直接點擊 Install packages 安裝即可如果安裝過慢，可以用國內(nèi)的鏡像，或者分包找到相應(yīng)的包即可：2.3-Android 環(huán)境變量配置：a-找到 SDK

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

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