一、安装jdk
1.jdk下载地址:https://www.oracle.com/technetwork/java/javase/downloads/java-archive-javase8-2177648.html
2.jdk-8u144-windows-x64版本及以上都可以
3.右击我的电脑选择属性,打开控制面板-->点击高级系统设置-->高级下的环境变量
4.在系统变量下新建变量JAVA_HOME 变量值指向JDK安装的文件夹
5.在系统变量下新建变量CLASSPATH 变量值输入:
.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar
6.win7中直接在系统变量Path末尾添加%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
7.打开命令符窗口,分别输入【java】【javac】【java-version】运行,没有报错就是安装成功了。
二、安装gradle
1.gradle下载地址::http://services.gradle.org/distributions/
2.建议解压到和sdk同个路径,方便查找。
3.环境变量配置,新建一个系统变量【GRADLE_HOME】,指向安装文件夹
4.在系统变量Path,添加【%GRADLE_HOME%\bin】
5.环境变量添加后,打开命令提示符窗口,输入指令【gradle -v】回车测试,出现版本号就是安装成功了
三、安装node.js
1.nodejs下载地址:https://nodejs.org/en/download/
2.我安装的是v6.11.2
3.打开nodejs的安装位置,新建文件夹【node_global】和【node_cache】。
4.打开命令行窗口输入指令
【npm config set prefix "D:\node6\node_global"】
【npm config set cache "D:\node6\node_cache"】
5.配置环境变量,在系统变量新建【NODE_PATH】=【D:\node6\node_global\node_modules】
将【用户变量】下的【Path】的【C:\user\AppData\Roaming\npm】路径替换为【D:\node6\node_global】
6.打开命令行窗口输入指令【npm install express -g】全局安装express来测试是否配置成功
四、安装ionic
1.打开命令符窗口,输入指令指定版本【npm install -g ionic@4.10.3】运行
2.ionic -v查询是否成功
五、安装cordova
1.打开命令符窗口,输入指令【npm install -g cordova 】运行
2.cordova -v 查询是否成功
六、安装node-sass
1.npm config set registry http://registry.npmmirror.com
2.npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
3.npm i -g node-sass@4.14.1
4.npm uninstall node-sass 删除
5.npm install sass 实在不行就用这个
1.在环境变量的系统变量中新建变量【SASS_BINARY_PATH】,变量值就是安装的文件夹
2.此处最好指定用win32-x64-48_binding.node,不然会有你意想不到的错误,以后会有分析
七、安装Android studio和sdk(如果不打包不需要执行此步骤!!!)
1.Android studio和sdk已在Z盘中无需单独下载(主要是给你的空间不够);
2.新建变量名【ANDROID_HOME】,变量值指定安装的位置
3.在系统变量Path添加【%ANDROID_HOME%\tools】和【%ANDROID_HOME%\platform-tools】
4.打开命令符窗口,输入指令【adb】运行,出现版本号就是安装成功了。
八、打包命令
1.npm install
2.ionic cordova platform add android@7.2.0
3.ionic cordova build android(正式打包:ionic cordova build android --prod –release)
4.如果不成功的话 ionic cordova platform remove android(删除命令 再执行2.3步骤)