【ionic与leancloud】初始化项目

/ 0评 / 0

安装ionic

安装过程可以参考:http://ionicframework.com/getting-started/

在安装了nodejs和npm的前提下,可以参照如下流程:

<span class="nv" style="color: #008080;">$ </span>npm install -g cordova ionic

初始化ionic项目

$ ionic start ionicLeancloud tabs

这个时候会询问你填ionic.io的账号,这时候暂时选择"n"。这个后面在讲使用Ionic View的时候再说。

下面用WebStorm(推荐)打开项目,可以看到目录结构如下图:

QQ20150305-1

hooks:钩子

plugins:插件

scss:样式

www:项目核心

other:一些配置信息

打开www/index.html,选择用chrome(推荐)预览,如图:

QQ20150305-2

 

浏览器中调整成移动端开发比较适合的调试模式,如图:

QQ20150305-3

 

 引入leancloud

首先把

<span class="tag" style="color: #268bd2;"><script</span><span class="atn" style="color: #586175;">src</span><span class="pun" style="color: #839496;">=</span><span class="atv ng-binding" style="color: #2aa198;">"https://leancloud.cn/scripts/lib/av-0.5.0.min.js"</span><span class="tag" style="color: #268bd2;">></script></span>

加入到www/index.html中,如图:

QQ20150305-4

然后在www/js/app.js中,初始化AV(应用id和key可以通过leancloud.cn注册账号后新建项目获得)

 

QQ20150305-5

 

这样子整个项目就初始化完成了。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注