ionic在window7和ubuntu164下的环境配置.docx

1、ionic在window7和ubuntu164下的环境配置1、Ubuntu安装方法1、Ubuntu安装关联程序：sudo apt-get install git-core curl build-essential openssl libssl-dev因为android sdk 是32位的 但是我们的系统是64位所以要安装32位的运行库：sudo apt-get install lib32z1 lib32ncurses5安装Javasdk： whereis java 查看路径（/usr/bin/java）Installing default JRE/JDKsudo apt-get updates

2、udo apt-get install default-jresudo apt-get install default-jdkInstalling Oracle JDK (选择安装版本)sudo apt-get install python-software-propertiessudo add-apt-repository ppa:webupd8team/javasudo apt-get updatesudo apt-get install oracle-java6-installer #Oracle JDK 6(旧版本)sudo apt-get install oracle-java7-i

3、nstaller #Oracle JDK 7(较新的稳定版本) 建议选sudo apt-get install oracle-java8-installer #Oracle JDK 8(最新预览版本)配置sudo update-alternatives -config java/出现直接回车选择默认值* 0 /usr/lib/jvm/java-7-oracle/jre/bin/java 1072 自动模式1 /usr/lib/jvm/java-7-openjdk-amd64/jre/bin/java 1071 手动模式2 /usr/lib/jvm/java-7-oracle/jre/bin/j

4、ava 1072 手动模式sudo update-alternatives -config javac /同上操作配置 JAVA_HOME 环境sudo update-alternatives -config java/查看配置路径 path为/usr/lib/jvm/java-7-oraclesudo vim /etc/environment/在文件最后加上保存退出JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64/java -version /查看是否配置成功安装ant、npm、node：sudo apt-get install antnpmnodejs

5、nodejs-legacynode-express-generator查看ant、npm、node版本分别为：ant -v 、 npm -v、 node -v安装androidsdk：android-sdk-linux.tgz ： 或 wget -O android-sdk.tgz$ sudo tar-zxvf/home/guer168/android-sdk.tgz$ sudo mv /home/guer168/android-sdk-linux /usr/lib/android-sdk$ sudo chown -R root:root /usr/lib/android-sdk$ sudo

6、chmod -R 777/usr/lib/android-sdk打开Android SDK Manager：$ sudo android -v 或 $ sudo /usr/lib/android-sdk/tools/android设置代理填入 端口80并勾选 “Force https:/. sources to be fetched using http:/.单击Close关闭”这里千万注意只需要勾选3个Android SDK Platform-tools、Android SDK Build-tools、API23下的SDK Platform(编译的时候会提示你需要的api版本，目前是API2

7、3)附加：项目集成Crosswalk需要勾选Extras下的Android Support Repository和Google Repository否则会报错 编辑 /.bashrc加入Android SDK tools path$ sudovim/.bashrc在最后面加入exportPATH=$PATH:/usr/lib/android-sdk/toolsexportPATH=$PATH:/usr/libandroid-sdk/platform-tools$ sudovim/etc/environment/在文件最后加上保存退出ANDROID_HOME=/usr/lib/android-s

8、dk创建一个AVD(建议使用Genymotion，原装的太太太卡)，运行 $ sudo/usr/lib/android-sdk/tools/monitor查看版本：android -version 或 android -h调出Android SDK Manager：android -v安装 ant 、phonegap、 cordova 、ionic 、cordova-plugin-console express：$ npm install -g phonegap cordova ionic cordova-plugin-console cordova-plugin-whitelist查看构建环

9、境 是否正确：cordova requirements android 2、Window安装方法安装java-sdk:java-jdk-8u111-windows-x64.exe :新建-变量名JAVA_HOME，变量值C:Program FilesJavajdk1.8.0_111（即JDK的安装路径）新建-变量名“CLASSPATH”,变量“.;%JAVA_HOME%lib;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar”编辑-变量名Path，在原变量值的最后面加上 ;%JAVA_HOME%bin;%JAVA_HOME%jrebin;查看版本：jav

10、ac -version 或 java -version安装ant:apache-ant-1.9.7-bin.zip ：新建-变量名ANT_HOME，变量值C:Program FilesJavaapache-ant-1.9.7编辑-变量名Path，在原变量值的最后面加上;C:Program FilesJavaapache-ant-1.9.7bin查看版本：ant -v安装androidsdk：androidsdk.rar ：新建-变量名“ANDROID_HOME”,变量“C:Program FilesJavaandroidsdk”编辑-变量名Path，在原变量值的最后面加上 ;%ANDROID_

11、HOME%platform-tools;%ANDROID_HOME%tools查看版本：android -version 或 android -h调出Android SDK Manager：android -v配置AndroidSDK 国内无法访问google服务器 所以列表是空的需要配置镜像选择Tools - Options 打开设置界面填入 端口80并勾选 “Force https:/. sources to be fetched using http:/.单击Close关闭”依次选择Packages - Reload（或者重新打开）这里千万注意只需要勾选3个Android SDK Pla

12、tform-tools、Android SDK Build-tools、API23下的SDK Platform(编译的时候会提示你需要的api版本，目前是API23)如果你勾选了其它的，可能要下载2、30G的东西。像我这样选只需要下载200M附加：项目集成Crosswalk需要勾选Extras下的Android Support Repository和Google Repository否则会报错接受 - 安装安装完的列表 新版ionic只需装23,如果编译遇到错误就安装API 22的platform安装 ant 、phonegap、 cordova 、ionic 、cordova-plugin-

13、console express：npminstall-g ant phonegap cordova ionic express cordova-plugin-console cordova-plugin-whitelist更新：npm update -g phonegap cordova ionic express cordova-plugin-console .cordova plugin add cordova-plugin-whitelist(解决打包后加载数据失败)ionicpluginaddcordova-plugin-whitelist查看构建环境是否正确：cordova requ

14、irements android 3.新建一个Ionic项目ionicstartmyApptabscd myAppionic plugin addcordova-plugin-whitelist (解决打包后加载数据失败)ionic resources android / ios -saveionic platform add android / ios#ionic platform rm android / ionic platform remove androidionic build android / ios (cordova build android - -ant)ionic em

15、ulate android / ios 或真机运行ionic runionicserve常用命令：npm install -g cnpm -registry=https:/registry.npm.taobao.org（npm镜像源指向淘宝）cnpm install -g cordova ionic（安装cordova ionic）cnpm update -g cordova ionic（更新cordova ionic）ionic -help（查看帮助）ionic -v（查看版本）cordova requirements android (命令查看构建环境)ionic start myApp

16、blank（空项目）ionic start myApp tabs（带导航条）ionic start myApp sidemenu（带侧滑菜单）ionic platform add android（添加android平台）ionic platform remove android（移除android平台）ionic build android（编译项目apk）ionic emulate android（运行项目apk 手机连接在手机运行 模拟器连接在模拟器运行）ionic run android（相当于build + emulate）ionic serve（开启服务调试）4.常见错误：如果出现i

17、os-sim was not found.错误，可以执行以下命令：npminstall-gios-sim如果出现Ionic bug: Error: Source path does not exist: resources/ios/icon/icon-403x.png错误： 1.可以执行以下命令：ionic resources 如果找不到icon-403x.png可以实行步骤2 2. 下载原始myapp：复制 res 和resources 目录到项目中如果出现Failedtoinstallcordova-plugin-console:Error:cmd:Commandfailedwithexi

18、tcode1错误：下载一个新的gradle压缩包进行替换，建议下载比原来目录版本高的如果出错官方下载地址：http:/gradle.android-studio.org/ 网盘下载gradle-3.0-all.zip ：将我们下载的gradle.zip存放在本地路径:yourproject/platforms/android/gradle根据此目录找到配置文件：yourproject/platforms/android/cordova/lib/builders/GradleBuilder.js修改distributionUrl变量：vardistributionUrl=process.envC

19、ORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL|http:/services.gradle.org/distributions/gradle-2.2.1-al.zip;修改为：vardistributionUrl=process.envCORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL|./gradle-3.0-all.zip;完成后直接build项目即可如果出现ls: no such file or directory: /var/www/app/myapp/res/mipmap-* 错误：npm link cordovanpm link ioniccordovapluginaddhttps:/git-wip-us.apache.org/repos/asf/cordova-plugin-device.git