ionic3(一):入门篇

文章目录
  1. 1. ionic组成
  2. 2. 开始
  3. 3. 在安卓机子上跑
  4. 4. 报错

通过本节,你将学会:

  • ionic3项目初始化
  • ionic3项目在电脑运行
  • ionic3项目在安卓手机运行

ionic组成

  • cordova(js调用原生)
  • angular(js框架)
  • ionic自身封装了适应移动端的常用组件和样式

开始

  1. 安装nodejs
  2. 安装cordova和ionic

    1
    npm install -g cordova ionic
  3. 创建项目

    1
    ionic start myApp tabs

    myApp:项目名 tabs:模板(blank、tabs、sidemenu、super等)

  4. 创建完会自动npm install,速度慢的话取消了用cnpm

  5. 运行项目(中间有提示更新就一直y确认到底)
    1
    2
    cd myApp
    ionic serve

在安卓机子上跑

  1. 下载SDK Tools,配置环境变量ANDROID_HOME,并下载好对应android sdk build-tools,sdk platform等
  2. 运行以下指令(会自动添加安卓平台)
    1
    ionic cordova run android

报错

  • 如果有does not have Api.js这种报错,删了node_modules重新使用npm install,别使用cnpm install
  • 有些情况还是需要科学上网的