【No.1 Ionic】基础环境配置
Node 安装
git clone https://github.com/nodejs/node cd node ./configure make sudo make install node -v npm -v
npm设置淘宝镜像
npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist
IOS Simulator
sudo npm install -g ios-sim sudo npm install -g ios-deploy
Ionic 基本环境
npm install -g cordova ionic
Quick Start
ionic start myApp tabs #初始化一个有tab的项目 cd myApp ionic platform add ios # 添加ios 平台 ionic build ios # build ios ionic emulate ios # 使用模拟器运行ios ionic emulate ios --target iPhone-5s # 指定模拟器型号运行 ionic run ios # 使用真机运行IOS
目录结构
hooks //google之后这个目录应该是在编译cordova时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中
plugins //cordova插件的目录,插件的安装下一节详述
scss //scss文件,发布时编译这个目录下的文件输出到www的css目录中
www //我们的开发目录,页面、样式、脚本和图片都放在这个目录下
--css
--img
--js
--lib
--index.html
bower.json //bower配置文件
config.xml //Ionic的配置文件 ,C可以配置app的id,名称、描述起始页和一起其他配置
gulpfile.js //gulp构建工具的执行文件,在这个文件中创建任务实现编译scss,css、js优化等
ionic.project //Ionic的项目文件可以配置Ionic命令中livereload的监控文件
package.json //npm配置文件
高级命令
查看目前项目支持的平台 和 ionic支持的平台
ionic platform list
添加项目支持平台
ionic platform add ios/android
build项目
ionic build ios/android ionic build android -release #发布正式版等待签名
模拟器运行项目
ionic emulate ios/android ionic emulate ios/android --target iPhone-5s
真机运行
ionic run ios --device ionic run android
查看项目目前的镜像
$(APP)/platforms/ios/cordova/lib/list-emulator-image
参考资料
ionic框架官网:http://ionicframework.com/docs/cli/install.html
ionic lab 可视化开发工具: http://lab.ionic.io/
原文地址:【No.1 Ionic】基础环境配置
标签:ionic node npm cordova ios android hybrid
智能推荐
- 打造私有的DNS 服务
- Nginx return 关键字配置小技巧
- 【运维工具】logrotate 日志管理神器
- 【No.3 Ionic】超级逗表情 App
- 【No.2 Ionic】Android打包
转载于:https://blog.51cto.com/imguowei/1859189
【No.1 Ionic】基础环境配置相关推荐
- OpenStack 的部署T版(一)——基础环境配置
目录 一.资源规划 二.基础环境配置 1.修改添加NAT网卡配置 2.防火墙.核心防护.主机名 3.配置在线源 4.基础环境依赖包 5.VMnet1网卡配置参数 6.配置映射 7.免交互 8.时间同步 ...
- Ionic Mac 环境配置
2019独角兽企业重金招聘Python工程师标准>>> Ionic Mac 环境配置 · 安装cordova之前要安装nodejs 会包含npm安装(npm是个包管理器 ...
- Hadoop高可用集群搭建-1、服务器等基础环境配置
1. 服务器集群 hostname IP user password path os spark01 192.168.0.201 hadoopadmin java home/hadoopadmin U ...
- python基础环境配置教程
python基础环境配置教程 下载vscode 1.输入网址:https://code.visualstudio.com/ 2.下载windows版vscode并安装. 下载慢的话在自己的浏览器中找到 ...
- 不过如此! jdk 的安装/配置环境变量 jdk与openjdk 的区别 jdk 官网下载所需账号密码 虚拟机基础环境配置 超详细安装教程/介绍 Ubuntu18.04 SDN软件定义网络实验
前情提要:我们已经完成了虚拟机的联网.ssh + vmtools + net-tools + vim的基础环境配置.接下来将进行jdk的安装与环境变量的配置,并介绍jdk与openjdk的区别,分享一 ...
- AMASLAB-EPIC-KBS工控机Ubuntu基础环境配置
AMASLAB-EPIC-KBS工控机Ubuntu基础环境配置 本文以Ubuntu18.04为例,介绍如何在新装的Ubuntu系统上进行一些基础的环境配置: 相关的环境有:WIFI配置.双屏幕配置(独 ...
- 从零开始搭建深度学习服务器: 基础环境配置(Ubuntu + GTX 1080 TI + CUDA + cuDNN)
从零开始搭建深度学习服务器: 基础环境配置(Ubuntu + GTX 1080 TI + CUDA + cuDNN) 首先先声明一下 这篇是转载来自 : 从零开始搭建深度学习服务器: 基础环境配置( ...
- Derby/IJ基础环境配置与使用
Apache Derby是一个完全用java编写的数据库,Derby是一个Open source的产品,基于Apache License 2.0分发.其主要特点:程序小巧,基础引擎和内嵌的JDBC驱动 ...
- OpenStack(M)+ ubuntu 搭建学习二:基础环境配置
目录 一.配置网络接口 二.配置域名解析 三 .配置国内的软件源 四. 启用OpenStack库 五.安装OpenStack客户端 六.同步系统时钟与时钟服务器(NTP) 具体步骤可参考官方文档:Op ...
最新文章
- python-深浅copy-18
- centos7下nginx配置
- C#中双问号、双冒号等几个特殊关键字
- 统计进仓和出仓数量随时间变化的剩余数量流程图
- 计算文档中不同单词出现的次数
- 用python自己做游戏_练习项目20:使用python制作游戏(中)
- [undo]ip address ppp-negotiate
- mysql查询本年的函数_sql 查询本年、本月、本日记录的语句,附SQL日期函数
- Mac下adb不能重启
- 面向对象方法和结构化方法比较,形式化方法的实际运用困难,及如何结合使用这三种
- [转] 公务员80分申论万能模板(转给需要的人)
- #研发解决方案#大数据协作平台魔盒——日拱一卒,功不唐捐
- 手把手教你进行微信小程序开发案例1---计算器
- set和fronzenset的区别和方法
- 验证码——python去除干扰线
- Yao‘s GC 的通信最优解:Half Gate
- 闭环系统的零极点图判定稳定性_系统的稳定性判别
- Mac OS 使用双屏时程序坞(菜单栏)调整展示位置
- android设备绑定微软,Android 7.1.1 手机如何登录微软账号
- 软件环境 From 龙族联盟论坛
热门文章
- Github(3)-本地文件管理
- stm32f767中文手册_ALIENTEK 阿波罗 STM32F767 开发板资料连载第五章 SYSTEM 文件夹
- 王道考研 计算机网络3 速率相关的性能指标
- codeforces 617A-C语言解题报告
- Java基础——深入理解Java线程池
- 历史上最有影响力的10款开源项目
- 《Mali OpenCL SDK v1.1.0》教程样例之一“Hello World”
- CentOS 6 和 CentOS 7 防火墙的关闭
- 百度王一男: DevOps 的前提是拆掉业务-开发-测试-运维中间的三面墙
- jsp通过include指令引入html乱码的解决方法