搜索
您的当前位置:首页正文

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

来源:哗拓教育

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

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引入之前,例如:
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>

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 -------模拟器运行

Top