ionic+angularJS+cordova环境搭建和项目创建

1.安装npm和node.js
官方安装包下载地址:https://nodejs.org/en/download/;
可根据不同系统选择安装包;
node.js在0.6.3之后就内置了npm,所以在node.js安装完成后可通过在终端下输入 命令:node -v npm -v查看安装版本;

2.通过npm安装bower
执行命令:npm install -g bower (全局安装bower)

3.安装ionic和cordova
由于某些原因,国内网络安装ionic和cordova会出现错误,因此需要跳过某些墙,采用淘宝镜像,打开终端输入一下命令即可
npm install -g cnpm --registry=https://registry/npm.taobao.org/
通过淘宝npm镜像就可以安装ionic和cordova了,打开终端输入以下命令即可,会等待一段时间,请耐心等候.

sudo cnpm install -g cordova ionic

安装成功后,可以通过终端命令查看,如果有未安装的,按照红色文字在终端输入安装即可
终端执行命令:ionic info

4.ngCordova安装
ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api。

在cordova插件的sucess和error js回调方法中,是无法使用 angularjs的$scope对象和注入的方法的,只能访问全局的方法和变量,这样会导致很多麻烦,必须使用传统的js方法写很多难看的代码。使用ngCordova应该可以解决这个问题。

进入到工程目录,使用bower工具安装
终端执行命令:bower install ngCordova

然后将ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入之前,例如:

5.安装android SDK(使用android studio进行安装)和JDK(JDK1.8)
运行到真机的时候需要

6.创建项目
ionic start #项目名称# --v2 ------ 创建项目 --v2不加表示下载ionic项目加上表示下载ionic2项目
cd #项目路径# ------ 进入项目文件
ionic platform add ios ------ 添加平台
ionic build ios -------编译项目
ionic emulate ios -------模拟器运行

你可能感兴趣的:(ionic+angularJS+cordova环境搭建和项目创建)