安装ionic
安装过程可以参考:http://ionicframework.com/getting-started/
在安装了nodejs和npm的前提下,可以参照如下流程:
$ npm install -g cordova ionic
初始化ionic项目
$ ionic start ionicLeancloud tabs
这个时候会询问你填ionic.io的账号,这时候暂时选择”n”。这个后面在讲使用Ionic View的时候再说。
下面用WebStorm(推荐)打开项目,可以看到目录结构如下图:
hooks:钩子
plugins:插件
scss:样式
www:项目核心
other:一些配置信息
打开www/index.html,选择用chrome(推荐)预览,如图:
浏览器中调整成移动端开发比较适合的调试模式,如图:
引入leancloud
首先把
<scriptsrc="https://leancloud.cn/scripts/lib/av-0.5.0.min.js"></script>
加入到www/index.html中,如图:
然后在www/js/app.js中,初始化AV(应用id和key可以通过leancloud.cn注册账号后新建项目获得)
这样子整个项目就初始化完成了。