ionic开发app-环境搭建

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

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

推荐阅读更多精彩内容