zoukankan      html  css  js  c++  java
  • Windows操作系统下ionic开发环境搭建

    1、 java的Jdk安装同时配置环境变量

      例如:

      JAVA_HOME= C:Program FilesJavajdk1.8.0_60

      CLASSPATH= .;%JAVA_HOME%lib;%JAVA_HOME%lib ools.jar

      Path= %JAVA_HOME%in;%JAVA_HOME%jrein;

      (当输入java后出现以下内容说明配置成功)

    2、安装ant(apache-ant-1.9.7-bin) ,配置ant环境变量

      例如:

      ANT_HOME= D:softapache-ant-1.9.7

      Path= %ANT_HOME%in;

    3、安装node与npm

      

    4、 配置淘宝镜像

      npm install -g cnpm --registry=https://registry.npm.taobao.org

    5、 安装cordova

      cnpm install -g cordova

    6、 安装 ionic

      cnpm install -g ionic

     7、创建项目(以下步骤请在翻墙状态下完成)

      在项目文件夹中运行

      ionic start myApp tabs   //可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白

      ionic serve  PC端启动项目(这里想要在开发的同时在手机页面上显示效果则选择2-》本机ip 或者 ionic serve --address IP地址)

    8、安装android-studio

      配置android home环境变量

      例如

      ANDROID_HOME= D:softAndroidsdk

      Path=%ANDROID_HOME%platform-tools;%ANDROID_HOME% ools;

      

      使用gradle-2.14.1-all文件替换.gradlewrapperdists路径中的文件

    9、安装开发所需要的androidSDK(可选)

    10、生成安卓测试app

      将手机连入开发机并设置为开发者模式,在项目路径内执行

      cd myApp(进入项目文件夹)

      ionic cordova platform add android(建立ionic项目与android平台的联系) 

      ionic cordova build android(构建安卓app)

      adb devices (出现套接字地址只允许出现一次的错误时执行)

      ionic emulate android(在模拟器上运行)

      ionic cordova run android(在手机上运行)

      此时手机上打开app则打包成功。

     

      

      

  • 相关阅读:
    MVVM框架-MVVMLight
    WPF多值绑定及多值转换(MultiBinding和IMultiValueConverter)
    WPF使用转换器(Converter)
    WPF绑定功能常用属性介绍
    WPF绑定属性
    Java工作笔记:工作中使用JNA调用C++库的一些细节(转载)
    关于使用sudo命令后找不到JAVA_HOME的问题
    IDEA入门级使用教程
    dubbo协议参考手册(转)
    Javascript 基础夯实 —— 使用 webWorker 实现多线程(转)
  • 原文地址:https://www.cnblogs.com/sharpall/p/6121815.html
Copyright © 2011-2022 走看看