ionic windows安装及使用

ionic 简介

ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。
ionic的开发添加androidios环境。

ionic 安装

本文以 Android 为例

Ionic 的开发环境离不开下列组件:

  • Node.js
  • Cordova & Ionic CLI
  • Java SDK
  • Android SDK

Node.js

下载 node,按照步骤安装即可,打开cmd输入node -v 即可验证是否安装成功。

Cordova & Ionic CLI 安装

cmd运行如下命令(建议以管理员身份运行):

npm install -g ionic cordova

其他软件安装

java android 可网上搜索安装教程。
android 虚拟机搭建参考网站:https://cordova.apache.org/docs/en/latest/guide/platforms/android/

创建ionic项目

相关的配置完成后,打开终端,在相应的目录下执行如下命令,即可创建模板项目tabs

ionic start myApp tabs

编译项目

Ionic CLI版本为3.4.0

首先添加 android platform

ionic cordova platform add android

其次编辑app

ionic cordova build android

运行项目

进入的myApp目录下。

  • web网页运行项目
ionic serve
  • web网页运行 ios 、android、windows 项目
ionic serve --lab
  • Android虚拟机运行项目
ionic cordova emulate android
  • Android虚拟机运行项目并输出日志
ionic cordova emulate android  -lc
  • Android真机运行
ionic cordova run android --device
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,455评论 25 708
  • 这是我写的一系列文章中的第一篇关于如何利用Web开发技术为iOS和Android系统构建混合应用程序(Hybrid...
    bubuli阅读 2,663评论 3 29
  • 一.准备工作:下载安装 Node.js (npm依赖包)JDK (Java开发工具包,即Java Dev...
    谢大见阅读 705评论 2 3
  • 我没有经过大挫折,我没有大的胆识与魄力干某件事情,我害怕投入。
    冯致壕阅读 308评论 0 0
  • 文——九儿 关于写作这件事,我在这座城市里想了三年,却始终下笔难出文。而今离别之际,我想留下点东西给这座城市,我...
    九儿jiuera阅读 365评论 0 0