ionic环境搭建

一、安装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步骤)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容