Ionic 环境搭建

来源:互联网 发布:睡过很多女生体验知乎 编辑:程序博客网 时间:2024/05/29 14:27

Ionic 环境搭建

  • Ionic的文档地址 http://ionicframework.com/docs/

环境搭建

只需要在浏览器中查看

  • 安装node.js
  • 安装npm
  • 注册cnpm(强烈建议使用cnpm,使用方法和作用和npm一摸一样,注册淘宝镜像的cnpm后,只需要在敲命令的时候多加一个c,就再也不需要漫长的下载等待了)
  • cordova ionic命令行安装,打开命令行执行命令: cnpm install -g ionic cordova
  • 创建一个Ionic项目并在浏览器中测试运行
  • 如果打开的IE浏览器无法正常显示,可以换谷歌浏览器或升级你的IE浏览器。
  • 注意,如果Ionic start 创建项目报错

将Ionic项目部署到Android设备

请先执行只需要在浏览器中查看

  • 这个地方有个大坑,请注意了

  • 安装JDK,配置环境变量到path和JAVA_HOME(如何配置,请百度)

  • 下载安装Android SDK,或直接下载Android studio,并配置环境变量
  • 在命令行执行: cordova platforms add android ;将Android 平台添加到项目中。
  • 在命令行执行: ionic run android –device ;运行你的项目,运行前请将手机连接到电脑,并将手机进入到可调试状态(或开发者状态,如果你开发过Android原生应用,你应该懂的)
  • 注意:如果出现:Error: Could not find gradle wrapper within Android SDK. Might need to update your Android SDK - Android。就是这个问题浪费了我好几个小时的时间,请到你配置的ANDROID_HOME这个系统变量的目录下查看你的tools目录,在我给的连接地址中找到tools目录的下载地址,下载上面的tools版本替换到你的ANDROID_HOME的tools目录。另外,如果你安装了Android studio,替换后你打开Android studio它会让你升级tools(请确定Android studio已经解决这个问题后,再升级,不然不要升,会将你刚换上去的tools目录又换成无法将Ionic项目部署到Android的tools了)
    如果发现一直在Download,而且特别长时间请参考:ionic build android的时候gradle失败

gradle个版本下载地址

0 0
原创粉丝点击