Ionic3学习笔记(一)
来源:互联网 发布:淘宝猫胡子是假货吗 编辑:程序博客网 时间:2024/06/05 15:05
(一)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/
- Ionic3学习笔记(一)
- Ionic3学习笔记(一)安装、项目结构与常用命令
- Ionic3学习笔记(二)主题化
- Ionic3学习笔记(七)Storage
- ionic3学习笔记
- ionic3学习笔记(二)
- ionic3学习笔记(三)
- ionic3学习笔记(四)
- ionic3随笔(一)
- ionic3学习笔记(六)--轮播图
- Ionic3学习笔记(三)禁止横屏
- Ionic3学习笔记(四)修改返回按钮文字、颜色
- Ionic3学习笔记(五)动画之使用 animate.css
- Ionic3学习笔记(六)存储之使用 SQLite
- ionic3学习笔记3(native:本机插件)
- Ionic3学习笔记(十)实现夜间模式功能
- Ionic3学习笔记(十一)实现省市区三级联动
- ionic3学习2(API)
- 学习记录
- 并查集解决朋友圈问题
- bzoj3224 Tyvj 1728 普通平衡树(splay/treap)
- 【Codevs1074】 食物链 并查集 平行世界 (6/1000)
- MySQL常用命令
- Ionic3学习笔记(一)
- 全排列的实现字典序写法,递归也给附带写了
- 需求工程
- redis集群搭建(一)
- Git忽略规则.gitignore梳理
- RetrofitManager的封装
- 背景图片翻转
- 正向代理与方向代理的区别
- How to execute the command with root jurisdiction in pyCharm