搭建AngularJS+Ionic+Cordova开发环境并运⾏⼀个demo ⽬前的⼿机APP有三类：原⽣APP，WebAPP，HybridApp；HybridApp结合了前两类APP各⾃的优点，越来越流⾏。
Cordova就是⼀个中间件，让我们把WebAPP打包成HybridAPP，并且它提供了⾮常多的插件，⽅便我们使⽤原⽣APP的功能。Ionic是⼀个界⾯样式库，仿照原⽣的ios和android界⾯；同时它是基于 AngularJs 的。
angular和angularjs
本⽂我们在win7中搭建 AngularJS+Ionic+Cordova 开发环境，包括所涉及的Node.js、Cordova CLI、JDK及Android SDK等。
关于Android开发环境的搭建，以及Cordova的下载使⽤，我们上⼀篇已经说明：
这⼀篇，我们来使⽤ AngularJS+Ionic+Cordova 快速地做出我们第⼀个HybridAPP，开始吧！
开始步骤⽹站上有：
官⽹css组件：
1 安装Ionic和
官⽹
国内
命令⾏安装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模式；
然后我们进⼊编辑器修改项⽬⽂件夹www中的代码，看到，浏览器已经可以跟着我们的保存实时刷新，⾮常好⽤

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。