来源:蜘蛛抓取(WebSpider)
时间:2017-12-23 06:29
标签:
诺亚奥特曼全集中文版免费
点击次数:333&&更新时间: 16:24:04&&【】&&【】
当前位置: >
> 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
目前的手机APP有三类:原生APP,WebAPP,HybridApp;HybridApp结合了前两类APP各自的优点,越来越流行。
Cordova就是一个中间件,让我们把WebAPP打包成HybridAPP,并且它提供了非常多的插件,方便我们使用原生APP的功能。
Ionic是一个界面样式库,仿照原生的ios和android界面;同时它是基于AngularJs的。
本文我们在win7中搭建AngularJS+Ionic+Cordova开发环境,包括所涉及的Node.js、CordovaCLI、JDK及AndroidSDK等。
关于Android开发环境的搭建,以及Cordova的下载使用,我们上一篇已经说明:《Cordova环境搭建&HelloWorld》
这一篇,我们来使用AngularJS+Ionic+Cordova快速地做出我们第一个HybridAPP,开始吧!
开始步骤网站上有:
官网css组件:
1安装Ionic和Cordova
命令行安装ionic
$npminstall-gcordovaionic
2新建一个Ionic项目
$ionicstartmyApptabs
3运行我们刚才创建的Ionic项目
$cdmyApp
$ionicplatformaddandroid
$ionicbuildandroid
$ionicemulateandroid
4在浏览器预览并实时刷新
$ionicserve
我们选择localhost,并把浏览器调成mobile模式;
然后我们进入编辑器修改项目文件夹www中的代码,看到,浏览器已经可以跟着我们的保存实时刷新,非常好用!!!
粤ICP备号-3 Copyright (C) 2014 __【贝尔利信息技术】版权所有
粤网文[7号 | 文网游(2016IC-CBG003号 | 新出网证(粤)字0028号 | 粤B2- | 粤ICP备号一15
高新技术企业认定证书 | 计算机软件著作权登记证书 | 软件企业认定证书 | 软件产品登记证书 | 企业法人营业执照3585人阅读
ionic(14)
nodejs(7)
通常情况下 npm install -g ionic cordova
是可以成功安装的。
npm install -g ionic cordova
解决方法:
在安装ionic 和cordova 之前,先安装
按下列步骤:
install express
npm install -g ionic
npm Install -g cordova
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:85815次
积分:1213
积分:1213
排名:千里之外
原创:42篇
转载:27篇
(3)(2)(3)(16)(3)(8)(11)(7)(14)