ionic开发:第一步

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界面。

时间: 2024-10-10 08:25:33

ionic开发:第一步的相关文章

windows phone开发第一步:搭建软件开发环境

windows phone开发第一步:搭建软件开发环境:http://www.cnblogs.com/hanjun/archive/2012/10/09/2716669.html

JAVA开发第一步 - JDK安装与配置

JDK的安装与环境变量配置是JAVA开发之路的第一步,很多新人在这一步上就卡了很久,浪费了很多时间,甚至有些人就轻易地“从入门到放弃”了.今天我们就来一步步教你如何打倒这第一只拦路虎. 1.JDK下载 百度搜索jdk关键字,找到第一个英文的链接:     点进去后找到 JAVA SE 8u211,点击JDK下面的DOWNLOAD标志进入下一页. 注意这里,有很多人直接下载了最新版本的JAVA 12,实际上JAVA 12开始是收费的了,而且里面的绝大多数特性都是新手用不到的,JAVA 8已经完全够

python开发第一步

Python开发[第二篇]:初识Python Mr.Seven 博客园 首页 新随笔 联系 订阅 管理 随笔-127  文章-146  评论-393 Python简介 Python前世今生 python的创始人为吉多·范罗苏姆(Guido van Rossum).1989年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的脚本解释程序,作为ABC语言的一种继承. 最新的TIOBE排行榜,Python赶超PHP占据第五!!! 由上图可见,Python整体呈上升趋势,反映出Pyt

win 10 开发 第一步:开发环境的搭建

win 10 是一个全新的平台,也标志着微软的大一统.随着win 10 ,vs2015的发布,通用应用将进入我们的生活.对于想学习win 10 开发的同学来说,这是一个机会,win10 是全新的开始,让我们进入开发的第一课:win 10 应用开发环境的搭建. 一.准备工作. 1.要进行win10 开发,首先要将自己的电脑系统升级为win10.是的,首年升级免费! 2.如果要进行模拟器的使用,自己的电脑cpu还必须支持hyper-v虚拟化技术.我们可以在自己的电脑当中,打开——控制面板——启动或关

微博开发第一步

1.首先是必须在微博开发平台注册  http://open.weibo.com/wiki/首页 因为主要想抓取微博的信息,注册类型:我选的是简单的微连接的我网页应用.然后进行填写信息,必须要有身份认证一步,审核通过 2.关于回调网址, 转自:http://blog.163.com/[email protected]/blog/static/1032422412012814203809/ 下载下sina的API后,感觉说明的还是不够明白……尤其是那个回调地址,蛋疼的要死啊.. 首先,下载JDK,j

新浪微博API开放平台进行程序开发第一步(java)

申请开发者权限步骤: 1.登录sina微博,点击“应用” 2.点击“微博开发平台 我也要做开发者” 3.点击“我的应用”,填写“开发者信息” 4.点击“创建应用”,就是你将要开发的微博应用程序,可以是电脑客户端,微博推广,手机客户端等. 没有个人网站接入,也不是进行手机开发,做一个毕设的pc端小程序. 5.获取App Key, App Secret 6.下载SDK,针对不同的开发,有不同语言版本,链接:http://open.weibo.com/wiki/SDK#Python_SDK 就是一个工

[安卓][地图] 1、高德或百度地图开发第一步(高手跳过)

>_<" 开发地图应用必须用地图供应商提供的API,这里我用了百度地图和高德地图,其流程基本上完全相似.关键点有三个: 一.申请KEY 二.下载提供商提供的API等资源 三.在工程里加载库 >_<" 具体详细过程可以参看他们的开发指南: 百度地图开发指南:http://developer.baidu.com/map/index.php?title=android-locsdk 高德地图开发指南:http://lbs.amap.com/api/android-sd

[原]Android 开发第一步

使用 android-studio 开发 写文章时的最新 Android-Studio 程序下载:https://dl.google.com/dl/android/studio/ide-zips/3.0.0.5/android-studio-ide-171.4163606-windows.zip 更多版本可参考:http://www.androiddevtools.cn/ 可使用 Genymotion 虚拟机,要在国外网站上下载并注册帐号后才能使用. 也可以使用 Android-Studio 自

微信开发第一步—接入指南

一.开发前的准备 1.要有一个公网的地址空间(Azure,阿里云....) 2.自己定义一个Token(自己定义一个字符串就行,后面写代码时候也会用到) 3.信息在客户端,微信服务器,网站之间的处理过程 二.验证服务器地址的有效性 开发者提交信息后,微信服务器将发送GET请求到填写的服务器地址URL上,GET请求携带四个参数: 参数 描述 signature 微信加密签名,signature结合了开发者填写的token参数和请求中的timestamp参数.nonce参数. timestamp 时

Spring 开发第一步(三)Spring与JDBC

<spring in action 3rd>中的前面4章讲解的是Spring的核心,也就是DI/IOC和AOP .从第5章开始是Spring在企业开发中的各个方面的应用.其实作为笔者从事的企业计算来说,J2EE相关的最常见的内容就是如何持久化了,第5.6章讲的就是这方面的内容. 今天主要学习了Spring与JDBC开发. 一.配置数据源 首先我们需要配置数据源,在设置好context.xml后,我们将JDBC数据源配置到Spring: <jee:jndi-lookup id="