ionic开发：第一步

为什么80%的码农都做不了架构师？>>>

1.下载安装node.js

2.输入命令行：npm install -g cordova ionic

3.输入命令行：ionic start myApp blank

ok,这样会创建一个ionic的myApp项目。

这样构建的ionic project结构是很清晰的。

cd myApp目录下

通过 ionic serve 命令启动

会看到一个空白的页面，那怎么添加一些UI呢？先来看看ionic的组成部分：

主要包括三个部分：

CSS框架 - 提供原生App质感的CSS样式模拟。ionic这部分的实现使用了ionicons图标样式库。
JavaScript框架 - ionic基于AngularJS基础框架开发，遵循AngularJS的框架约束；主要提供了适应移动端UI的 AngularJS的扩展，主要包括指令和服务。此外，ionic使用AngularUI Router来实现前端路由。
命令行/CLI - 命令行工具集用来简化应用的开发、构造和仿真运行。ionic命令行工具使用了 Cordova，依赖于平台SDK（Android & iOS）实现将移动web项目打包成原生app。

选择通过ionic.js来画ui界面。

项目目录结构：

添加android和ios平台的环境：

#cd 到工程目录
cd ionic-project
#须安装android的本地环境版本4.1及以上
ionic platform add android
# 在非Mac系统中，不能添加 ios
#ionic platform add ios  #打包apk（debug版，须apache ant环境）
ionic build android

转载于:https://my.oschina.net/haoqoo/blog/420547

ionic开发：第一步相关推荐

windows phone开发第一步:搭建软件开发环境
2019独角兽企业重金招聘Python工程师标准>>> windows phone开发第一步:搭建软件开发环境:http://www.cnblogs.com/hanjun/archi ...
微信公众开放平台开发07---java servlet 实现微信开发第一步:微信服务器验证
微信公众开放平台开发07---java servlet 实现微信开发第一步:微信服务器验证技术qq交流群:JavaDream:251572072 ------------------------- ...
Python开发第一步：如何制作一个简单的桌面应用
Python开发第一步:如何制作一个简单的桌面应用前言大家好,我是baifagg, 一个热爱Python的编程爱好者. 今天我们来学习一下, 如何用Python制作一个简单的桌面应用程序. 虽然桌 ...
Hello Android – 迈出android开发第一步
环境搭建基本上比较顺利,除了下载SDK需要花不少时间 L 比起.Net的开发环境,java总是需要DEV更多的自己动手,偶更喜欢傻瓜型的部署 J 构建HelloAndroid项目: 1. File - ...
php5.6 mysql5.5,PHP开发第一步，PHP5.6 + MySQL5.5 + Apache2.4环境搭建
前言在web开发这个领域对php 可是早有耳闻,大家对php赞不绝口,称赞有加,这让php火了一阵子,现在也依旧流行,所以我实在是忍不住想搞搞php了,以前以为学了jsp就没必要学php了,因为用j ...
React.js组件化开发第一步(框架搭建)
开始前安装 node.js; 安装 cnpm; 安装 yarn; 安装完成yarn后, 将镜像替换成国内的: $ yarn config set registry 'https://registry ...
Mapbox网络GIS开发第一步——Mapbox本地化
对于使用mapbox_gl_js来进行的前端地图页面的开发,通常我们可以直接调用在线的mapbox组件资源,轻易的使用mapbox_gl_js提供的前端开发框架,但是由于网络延迟等一些列网络上的不确定 ...
ios开发第一步--虚拟机安装MAC OS X
暂时还没买Macbook,先用虚拟机练练手. 先说说准备工作,我是在win8下安装的,这个不是关键的,只要Vmware版本和MAC OS X版本确定就行了,win7下同样可以. 1.虚拟机Vmware ...
Red5开发第一步-Hello World
安装好Red5服务器之后,接下来就是测试运行众人皆知的Hello World了.按照教程上一步一步来做,可惜一直没运行起来,老是NetConnection.Connect.Rejected,NetCo ...
做电商网站php开发的流程,如何开发电商平台-电商开发第一步
快速开发电商平台,创建一个企业电商网站,同时获得盈利的巨额收益要怎么做呢?但是你如何创建电子商务网站呢?易龙天电商网站开发工程师及七星迪曼整合营销专家为您解答,通过9个步骤创建企业级电子商务网站. 构 ...

ionic开发：第一步

ionic开发：第一步相关推荐

最新文章

热门文章