安装ionic,cordova和案例资料

来源:互联网 发布:mac如何删除照片 编辑:程序博客网 时间:2024/05/29 06:47

案例所有的效果

http://rensanning.iteye.com/blog/2255844

modal框从右向左

http://www.runoob.com/ionic/ionic-ionicloading.html

1.安装Node.js

https://nodejs.org/download/

2.安装ionic

npm install -g cordova ionic  

最后使用了淘宝NPM镜像:http://npm.taobao.org/

只需两步,命令行分别输入下面两句:

$ npm install -g cnpm –registry=https://registry.npm.taobao.org

$ cnpm install [name]

创建一个名为myApp的还有tabs的项目

ionic start myApp tabs

添加android平台:

ionic platform add android  

生成androidapk:

ionic build android

在android模拟器或真机中模拟:

ionic emulate android  

http://blog.csdn.net/zapzqc/article/details/41802453

3.全局安装 cordova

npm install -g cordova

http://wenzhixin.net.cn/2014/02/11/cordova_command_line

4.bower的安装

npm install -g bower

http://www.storagelab.org.cn/zhangdi/2014/06/11/bower%E7%9A%84%E5%AE%89%E8%A3%85%E4%B8%8E%E4%BD%BF%E7%94%A8/

5.安装ngcordova (git bash安装)

bower install ngCordova

ionic学习网

http://rensanning.iteye.com/blog/2255844

http://www.wenzhixin.net.cn/2014/04/22/angular_scutech_step7

要了解有哪些图标及具体名称,需要访问ionics.com

http://www.hubwiz.com/coursecenter

http://www.haomou.net/categories/ionic/

http://codepen.io/ionic/tag/search/

http://cnionic.com/blog/tag/ionic/

http://haomou.net/2014/10/06/2014_ionic_learn/

http://www.ionicframework.com/docs/

原生

cordova入门

http://rensanning.iteye.com/blog/2163892

https://github.com/driftyco/ng-cordova

http://ngcordova.com/docs/plugins/

http://docs.phonegap.com/en/3.4.0/index.html

http://www.bootcdn.cn/

http://docs.angularjs.cn/api

http://pan.baidu.com/s/1sjlwRt7#path=%252Fphonegap%25E7%25AC%25AC%25E4%25B8%2589%25E5%25AD%25A3%25E5%25AE%259E%25E6%2597%25B6%25E5%258F%2591%25E5%25B8%2583

css样式

https://css-tricks.com/examples/ShapesOfCSS/

渐变色

https://css-tricks.com/examples/CSS3Gradient/

http://jingyan.baidu.com/article/a3f121e4feb73ffc9052bbd0.html

node.js

http://book.douban.com/review/6672316/?qq-pf-to=pcqq.temporaryc2c

固定背景样式

http://sc.chinaz.com/info/140801184363.htm

微信调试方法,微信web开发者工具

http://www.cnblogs.com/txw1958/p/mp-weixin-debug.html

ie调试方法:

https://msdn.microsoft.com/library/bg182326(v=vs.85).aspx

node express

C:\Users\Administrator\AppData\Roaming\npm\node_modules\express

http://jingyan.baidu.com/article/922554468a3466851648f419.html

禅道:

http://192.168.1.8/zentao/doc-browse.html

mengfanyang mfy123

实时屏幕投影

http://blog.csdn.net/freshlover/article/details/42528643

google调试手机网页

http://jingyan.baidu.com/article/3d69c55168ea99f0cf02d703.html?st=3&net_type=1&bd_page_type=1&os=0&showimg=1&rst=2&qq-pf-to=pcqq.c2c

调试ios网页

http://chon.io/blog/safari-ios-iphone-itouch-web-dev-inspector/

mongodb

http://www.jb51.net/article/53857.htm

安装虚拟机

http://jingyan.baidu.com/article/ff411625b9011212e48237b4.html

0 0