Ionic3学习笔记(一)
(一)ionic3环境准备:
1.安装Node.js(安装之后执行node -version检查是否安装成功)
2.安装npm。 命令:npm install npm -g
3.安装 ionic 。命令:npm install -g cordova ionic
注:这步安装往往会失败,这是由于很多插件下载不下来,我们用阿里的镜像解决这个问题:
(1) npm install -g cnpm --registry=https://registry.npm.taobao.org (安装完这个之后以后的插件都是用cnpm这个命令来安装)
(2)cnpm install -g cordova ionic
4.更新ionic 。命令:npm update -g cordova ionic
5.创建应用。命令 :ionic start myApp tabs (myApp:是项目名称,tabs:创建项目的类型 ,tabs:为一个带tabs栏的App项目,blank:为一个空白项目,项目类型有很多 种,想了解的自己去查)
6.创建好自己的项目之后,cd myApp 进入自己的项目目录
7. 执行ionic serve 查看是否安装成功(默认地址:http://localhost:8100)
8.在执行以上操作时会提醒你安装SDK,安装完之后记得配置环境变量
ANDROID_SDK_HOME:SDK安装目录。
PATH:添加 %ANDROID_SDK_HOME%\tools;%ANDROID_SDK_HOME%\platform-tools
****************************************************************************************************************
(二)创建Android应用
1.命令 :ionic start myApp blank
2.命令:cd myApp 切换到项目目录
3.命令 :ionic cordova platform android 添加Android平台
4.命令 :ionic cordova build android 编译Android项目
5.命令 :ionic cordova run android 真机运行,运行在Android手机上,电脑连接数据线,打开手机的开发者模式和运行USB接口调试
****************************************************************************************************************
(三)安装配置环境常见问题
1:没有cordova-plugin-splashscreen 插件
解决办法:执行cordova plugin add cordova-plugin-splashscreen
2.No emulator image (avds) found.(没有连接手机,或者 手机USB接口或开发者模式已关闭)
**********************************************************************************************************************************
(四)项目目录详解
**********************************************
大家可以参考官方文档:http://ionicframework.com/docs/