搭建 AngularJS+Ionic+Cordova 开发环境

来源:互联网 发布:计件工资软件破解版 编辑:程序博客网 时间:2024/05/18 10:53


搭建webapp项目

教程说起来是非常简单啊,去官网找代码也是打开了我得新世界


官网组件css:

官网css组件: http://ionicframework.com/docs/components/#header

有些效果很熟悉,原来别人的代码是这么找来的

还有一点

有些弹出框的代码我是只看见效果,没看见代码哪里找?


在win7中搭建 AngularJS+Ionic+Cordova 开发环境,包括所涉及的Node.js、Cordova CLI、JDK及Android SDK等

1.关于Android开发环境的搭建,以及Cordova的安装教程:http://www.cnblogs.com/webapi/p/5519468.html
2.开始
开始步骤网站上有: http://ionicframework.com/getting-started/
官网css组件: http://ionicframework.com/docs/components/#header

3.
1 安装Ionic和Cordova

官网 http://ionicframework.com/

国内 http://www.ionic.wang/

命令行安装ionic

$ npm install -g cordova ionic

2 新建一个Ionic项目

$ ionic start myApp tabs

3 运行我们刚才创建的Ionic项目

$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android

4 在浏览器预览并实时刷新

$ ionic serve

我们选择localhost,并把浏览器调成mobile模式;
1 0