配置ionicde 开发环境

来源:互联网 发布:开放式婚姻 知乎 编辑:程序博客网 时间:2024/06/12 02:12

安装ionic之前的准备工作:JDK、ant、android SDK、NodeJS、cordova

一:安装jdk
一、安装JDK 1.7以上

1、下载地址:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
2、Java环境变量的配置:(计算机-属性-高级系统设置-环境变量)

1) 系统变量新建JAVA_HOME:路径为jdk的安装路径
JAVA_HOME:C:\Program Files\Java\jdk1.8.0_05
2) 用户变量Path:;%JAVA_HOME%\bin
3) 系统变量新建CLASSPATH:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; (前面有个圆点和一个分号哦,圆点代表当前路径);
3、在cmd命令窗口输入java -version检查是否配置成功;

二、安装Apache ant(还未安装)

1、下载地址:http://ant.apache.org/manualdownload.cgi
2、解压缩:如我解压在了D:\ant\apache-ant-1.9.7;
3、配置环境变量:
1) ANT_HOME:D:\ant\apache-ant-1.9.7
2) Path:;%ANT_HOME%/bin
4、在cmd命令窗口输入ant -v,回车,显示出安装的ant版本,则安装成功;

三、安装android SDK(前提:jdk的安装)

1、下载: http://developer.android.com/sdk/index.html;这里只需要android SDK,不用下载android studio;
2、配置环境变量:
1) 系统变量新建JANDROID_HOME: D:\Android SDK\android\sdk
2) 分别将 Android SDK中tools目录的路径和platform-tools的路径添加到Path中;如我安装的目录:D:\Android SDK\android\sdk\platform-tools; D:\Android SDK\android\sdk\tools
3、打开Android SDK Manager,选择自己所需要的包进行安装(SDK Platform-tools和SDK tools必下;API下载19以上即Android4.4.2以上);
这里如果下载不成功可以尝试:
启动 Android SDK Manager ,打开主界面,依次选择Tools、Options…,弹出Android SDK Manager - Settings窗口;在 Android SDK Manager - Settings 窗口中,在 HTTP Proxy Server 和 HTTP Proxy Port 输入框内填入mirrors.neusoft.edu.cn和80,
并且选中 Force https:sources to be fetched using http:复选框。设置完成后单击 Close按钮关闭。然后重新下载未能下载的包;
4、AVD虚拟机可配可不配,虚拟机执行速度太慢,可在真机上调试 ;
5、在cmd 命令行输入android -h检查是否安装成功与否;

四、安装node.js

1、下载:https://nodejs.org/en/ 下载64位的安装包进行安装。
2、执行命令 node –v

即安装成功

五、安装cordova、ionic

——————–cordova与ionic非安装方法 (不需要vpn)———————
1. 将已有的npm.rar解压到C:\Users\zhaoying(此目录为本机名)\AppData\Roaming\npm下

  1. 进入其node_modules目录,解压其中的cordova与ionic至当前文件夹。

这样就安装完毕了.
3. 测试是否安装成功:
在cmd命令窗口输入cordova –v可看见版本号为5.1.1

输入ionic –v 可看见版本号为1.6.1

PS:这里因为某些需求我安装的版本较低,如果想要更新,可执行npm install -g ionic更新版本

——————–cordova与ionic常规安装方法 (不需要vpn)———————
1. 安装cordova:
在node.js中通过npm安装,cmd命令行输入:npminstallgcordovaPs: npm install –g + “安装文件名”,这个是Node.js通用安装命令
这里,开始安装后会自动下载安装,有时候会出现报错,不用管,继续等待,如果几分钟页面一直没有反应则ctrl+c强制结束当前安装,重新输入命令再次安装,一般很快就会装好

2.安装ionic:
方法1:cmd命令行输入:$ npm install –g ionic ,ionic的安装可能会比较麻烦,因为链接到的外网,没有VPN可能会下载的比较慢,一般多试几次也是可以的,方法同上。
方法2:如果上述方法安装不成功,可以通过镜像服务器进行安装,地址https://npm.taobao.org/ ,按照步骤进行安装即可

安装完之后在cmd输入cordova -v;ionic –v能显示当前的版本号则安装成功。

———————————————————–END———————————————————–

原创粉丝点击