美文网首页
安装Ionic并创建Android应用

安装Ionic并创建Android应用

作者: 许宏川 | 来源:发表于2016-11-16 13:14 被阅读142次

安装Node.js(包含npm

Node需要安装Python,macOS默认带2.7。
官网下载和安装Node.js。我下载的是v6.9.1 LTS(包含npm 3.10.8)。

安装ionic

安装

sudo npm install -g cordova ionic

检查更新

sudo npm update -g cordova ionic

创建应用

ionic start myApp tabs
cd myApp
ionic platform add android
ionic build android
ionic emulate android // 模拟器启动
ionic run android // 真机启动

手机上会看到这个界面。


Android项目目录

自动生成的Android项目代码路径是:

myApp/platforms/android

可以用Android Studio打开研究研究。


页面在assets下,重点是参考下怎么显示出来。

注意:
默认会使用ionic 1的创建应用。如果要用新版加上--v2参数。

ionic start --v2 myApp

相关文章

  • 安装Ionic并创建Android应用

    安装Node.js(包含npm Node需要安装Python,macOS默认带2.7。在官网下载和安装Node.j...

  • lonic 安装

    lonic 安装 Ionic应用程序主要通过Ionic自带的(“CLI”)创建和开发,并使用Cordova构建和部...

  • Ionic 入门踩坑记录

    从零开始安装配置 ionic 并创建 helloIonic 项目 推荐安装 node v6.10.2 LTS 版本...

  • ionic3向导

    安装ionic npm install -g ionic cordova #创建ionic app ionic s...

  • ionic-创建应用

    一、创建应用 空白应用$ ionic start myApp blank Tabs应用$ionic start m...

  • ionic3 项目搭建看这里

    前言 Ionic应用程序主要通过Ionic命令行实用程序(“CLI”)创建和开发,并使用Cordova构建/部署为...

  • Ionic 2安装与使用

    Ionic 2 应用使用 Ionic CLI (Ionic command line) 创建,使用 Cordova...

  • 编写cordova插件Amap

    android 创建项目 创建Android项目,添加依赖CordovaLib依赖CordovaLib从Ionic...

  • Ionic 构建 Vue Web App

    创建vue项目 构建成功,运行: 安装ionic相关依赖 安装ionic相关依赖(其中@ionic/core是组件...

  • 安装Ionic 2

    Ionic 2应用使用Ionic CLI(Ionic command line) 创建,使用Cordova打包成本...

网友评论

      本文标题:安装Ionic并创建Android应用

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