美文网首页
ionic开发app-环境搭建

ionic开发app-环境搭建

作者: mackfeng | 来源:发表于2017-09-20 15:34 被阅读0次

ionic安装配置

  • 确保安装了node.js和npm

  • 下载安装jdk,并配置java环境。文件夹中的文件
    jdk-8u144-macosx-x64.dmg为下载好的jdk,打开按提示安装即可。

  • 下载安装ant,并配置相应的环境。文件夹中的文件夹apache-ant-1.10.1为下载好的ant,按如下步骤配置ant:

    • .把文件夹复制到任意目录下;
    • .启动终端工具;
    • .输入cd ~/ 进入当前用户的home目录;
    • .终端输入open .bash_profile看看有没有.bash_profile文件。如果提示没有,则需要创建,终端输入touch .bash_profile,然后输入open .bash_profile打开文件。
    • .在文件中写入如下内容export ANT_HOME=/usr/local/apache-ant-1.9.3 export PATH=${PATH}:${ANT_HOME}/bin,其中/usr/local/apache-ant-1.9.3不是固定的,它指向ant文件夹的路径。
    • .终端运行source .bash_profile使得配置立即生效
  • 下载安装android sdk,并配置相应的环境。文件夹中的文件夹android-sdk-macosx为下载好的android sdk,按如下步骤配置android sdk:

    • .把文件夹复制到任意目录下;
    • .启动终端工具;
    • .输入cd ~/ 进入当前用户的home目录;
    • .终端输入open .bash_profile看看有没有.bash_profile文件。如果提示没有,则需要创建,终端输入touch .bash_profile,然后输入open .bash_profile打开文件。
    • .在文件中写入如下内容export ANDROID_HOME=/Users/tsy/android-sdk-macosx/ export PATH=${PATH}:/Users/tsy/android-sdk-macosx/platform-tools:/Users/tsy/android-sdk-macosx/tools,其中/Users/tsy/android-sdk-macosx不是固定的,它指向android sdk文件夹的路径。
    • .终端运行source .bash_profile使得配置立即生效。
    • .终端运行android,会弹出android sdk管理器;
    • .依次打开菜单 Android SDK Manager -> Prefercener ,在'proxy Settings'设置下代理 ‘HTTP Proxy Server’:'mirrors.neusoft.edu.cn' 'HTTP Proxy Port':'80' ,并把'Force https://...sources to be fetched using http://'前面的勾勾上,关闭设置窗口,然后就可以代理下载sdk的各种工具了。API选择 API 16 ~ API 26的范围。
  • 安装cordova和ionic,终端执行npm install -g cordova ionic

相关文章

  • ionic开发app-环境搭建

    ionic安装配置 确保安装了node.js和npm 下载安装jdk,并配置java环境。文件夹中的文件jdk-8...

  • ionic环境搭建二

    ionic环境搭建二 上一篇介绍了翻墙搭建ionic环境,ionic,下面介绍国内环境搭建 一、国内环境安装主要是...

  • ionic 开始

    环境搭建 关于ionic的环境搭建,我这儿就不赘述了,详情移步官方文档PS:android,ios相关开发环境的搭...

  • MAC-搭建ionic开发环境

    需要用到ionic做app的混合开发,如下整理了下关于ionic的环境搭建过程。Ionic 框架简单了解了一...

  • ionic开发环境搭建

    APP开发环境的搭建 大致的开发步骤:安装node.js –安装Apache Cordova -安装Java JD...

  • Angular4+Ionic3-企业微信应用开发

    Angular4+Ionic3-企业微信应用开发 一、搭建Ionic3项目工程 (1)、配置环境: node安装:...

  • ionic环境配置和android打包签名

    环境搭建步骤 1、安装ionic开发环境 1.1、安装nodejs,这是为了使用npm来安装ant,cordova...

  • windows下搭建Ionic开发环境

    title: windows下搭建Ionic开发环境tags: 小书匠 来源: itwap.net作者: 词略时间...

  • 踩过的坑

    本篇博文长期更新, 收集了自己在搭建环境或开发时遇到各种各样的问题 ionic添加运行平台:ionic cordo...

  • ionic开发:第一个手机APP

    搭建好了ionic环境,那么你就应该尽快开始第一个手机APP的开发,不然你辛辛苦苦搭建的环境就浪费了。 说到开发,...

网友评论

      本文标题:ionic开发app-环境搭建

      本文链接:https://www.haomeiwen.com/subject/guufxxtx.html