搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

Posted 2020-06-16

目前的手机APP有三类：原生APP，WebAPP，HybridApp；HybridApp结合了前两类APP各自的优点，越来越流行。

Cordova就是一个中间件，让我们把WebAPP打包成HybridAPP，并且它提供了非常多的插件，方便我们使用原生APP的功能。

Ionic是一个界面样式库，仿照原生的ios和android界面；同时它是基于AngularJs的。

 

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

然后我们来实现两个简单的demo，开始吧！

 

1 安装Cordova

（Cordova开发环境的安装，包括所涉及的Node.js、Cordova CLI、JDK及Android SDK等，然后创建一个HelloWord项目。）

1.1 安装Node.js

https://nodejs.org 直接去官网下载并按默认路径安装就可以了。

安装完成后在命令行：   测试成功！

$ npm

 

1.2 安装Cordova CLI

命令行：

$ npm install -g cordova