• 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则打包成功。

     

      

      

  • 相关阅读:
    一种简洁明了的权限管理系统
    css小技巧(1)
    多功能旋转木马轮播实例
    jquery双向列表选择器select版
    jquery双向列表选择器DIV模拟版
    单击页面任何地方关闭隐藏层
    用户登录体验之密码框设计
    扁平化设计的美感
    分析网站的用户行为
    app的架构和导航设计
  • 原文地址:https://www.cnblogs.com/sharpall/p/6121815.html
Copyright © 2020-2023  润新知