离子学习笔记(1)

时下混合式开发App很生气的节奏,Hybrid
App(混合模式走采用)是依靠在web-app、native-app这两者之间的app,兼具“Native
App良好用户交互体验的优势”和“Web App跨平台支付的优势”。

 目前极端恼火之框架莫过于Ionic了,Ionic是当下不过有潜力的均等放缓 HTML5
手机采用开发框架。通过 SASS 构建应用程序,它提供了重重 UI
组件来拉开发者开发强大的施用。 它利用 JavaScript MVVM 框架和 AngularJS
来提高应用。提供数据的双向绑定,使用她变成 Web 和走开发者的一头选择。

Ionic是一个只顾于用WEB开发技术,基于HTML5创类似于手机平台原生应用的一个支框架。Ionic框架的目的是起web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成梯次平台的应用程序。现在我们就来开一下预备工作,搭建本地环境。系统环境呢Mac
OS。

NO.1 安装Node以及npm

一直去 node官网下载对许版本的装包即可,网上教程有好多,不再多说。

NO.2安装ionic。

慎选安装版本。安装ionic。ionic有1.0版本和2.0版本,2.0本子相对1.0本子更强硬又周全用我们选2.0版进行安装。

$ sudo npm install -g ionic@beta

设想要装1.0本直接设置就推行

$ sudo npm install -g ionic

以Mac下使用npm安装时偶尔会报错,建议前面加sudo使用管理员权限,

装成功后会见出同系列之目结构。

NO.3 初始化一个档次

$ ionic start ionicdemo –v2

此的—v2便是因2.0本的。在是进程里会装有node的借助包跟Cordova的零件,如果后还提醒您安装Cordova的口舌,可以由此命令执行来设置

$ sudo npm install -g cordova

此地我们用的是默认模版,tabs,我们为堪运用任何模版来初始化:

$ ionic start ionicdemo blank –v2

关于ionic的复多模版的消息会在最终之资料里吃出。

这边好出一个技巧如果想只要运用Typescript(TypeScript是同一种由微软支付之自由与开源的编程语言。它是JavaScript的一个超集,而且精神上往这个语言上加了但选取的静态类型以及基于类的面向对象编程。)那么就需要以指令后天假—ts参数即可。

NO.4运行项目

初始化项目成功后我们得经命令来运作品种

$ ionic serve

Mac环境下运作后或者会见被您少只地方供您选,这时候就待输入地点前之号码即可。

当初学者,ioni为底提供了一个可视化的家伙,这个家伙叫做Ionic LAB.
下载地址:https://lab.ionic.io 其中心界面是如此的

俺们好一直用已部分种类拖进去,也堪新建新的花色。
点击serve按钮,就见面现出项目运作的界面,我们可当地方选择所用之条件。

以类型开进程中,在修改代码之后我们连要不断的去刷新界面,在此处我们好装界面的实时更新。点击右侧上较量的安装按钮。如下图:
image description 我们才待以首先单当选即可达成目的。

ionic网站为咱提供了个人账户,我们只是需要报即可,注册就后我们可由此点击是家伙里之upload按钮将我们的门类上传到村办的账号里。 

当然关于这家伙的其他用法吧可错过其官网上进行更多之学及询问。
下面分享几只有关的材料站点: 

今后还会起相关组件的读书笔记,项目实战笔记。

Github博客地址:https://yanzxx.github.io

相关文章