360SDN.COM

首页/Ionic/列表

安装ionic,cordova详细步骤

来源:  2017-06-24 14:12:59    评论:0点击:

第一步:下载安装nodejs,这是因为需要使用到npm
去官网下载https://nodejs.org/en/,然后按照步骤安装好,最后打开cmd输入node -v,输出版本号(安装成功);输入npm -v,输出版本号(安装成功)。
 
第二步:下载安装jdk,配置java环境,因为cordova需要用到ant,ant用到的是java的环境
详细请看(http://blog.sina.com.cn/s/blog_ad5be3f70102wah0.html)或者自行百度。
百度搜索jdk,下载安装到自己喜欢的目录,然后配置环境变量:我的电脑右键-属性-高级设置-环境变量(以下变量存在就直接编辑,不存在就新建)
增加系统变量:JAVA_HOME(路径是jdk的bin目录的上一级目录);CLASSPATH(.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;);修改系统变量path(后面增加;%JAVA_HOME%/bin;),确定至所有窗口关闭,打开cmd输入java -version,输出版本号;输入java,显示一堆信息;输入javac,显示一堆信息;如果出现java不是内部命令等输出不正常信息的情况,请确保自己的系统变量配置正确。
 
第三步:下载安装ant,并且配置相应的环境
http://ant.apache.org,在https://www.apache.org/dist/ant/binaries/下载对应的版本,然后安装到自己喜欢的目录下,配置系统变量:我的电脑右键-属性-高级设置-环境变量;(以下变量存在就直接编辑,不存在就新建)
增加系统变量:ANT_HOME(ant的bin的上一级目录);修改系统变量:path后面增加ant的bin的目录;修改系统变量:classpath后面增加lib的目录;
验证是否配置成功;打开cmd输入ant,返回Buildfile: build.xml does not exist!Build failed;输入ant -version,返回版本信息;安装成功;如果出现命令不是内部或外部命令等错误信息,则安装失败,请重新配置系统变量,确认路径。
       cordova5.0以上需要安装gradle,直接网上搜索下载gradle,然后解压,打开我的电脑-右键属性-高级设置-环境变量-增加变量GRADLE_HOME-路径是gradle的安装目录-修改path后面添加;%GRADLE_HOME%\bin-然后重新打开cmd控制台输入gradle -version-出现提示信息安装成功,如果不成功,可以尝试修改path的路径不使用;%GRADLE_HOME%\bin直接改成bin的路径;然后重新打开cmd,输入命令测试是否安装成功。
 
       第四步:以上所需环境搭建好之后,安装cordova
       在cmd控制台里输入:npm install -g cordova;然后输入cordova create MyApp;跳转到MyApp输入cd MyApp;然后输入cordova platform add browser;然后输入cordova run browser;最后输入cordova -v;出现版本号,说明安装成功。(或者进入官网http://cordova.apache.org/有安装步骤)
 
      第五步:
为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权