Ionic ngCordova 構建 App

命令行安裝

首先您須要安裝 Node.js，下載地址：https://nodejs.org/download/release/v0.12.7/node-v0.12.7-x86.msi

咱們在接下來的安裝中須要使用到其 NPM 工具，更多 NPM 介紹能夠查看咱們的NPM 使用介紹。

而後經過命令行工具安裝最新版本的 cordova 和 ionic 。經過參考Android 和 iOS 官方文檔來安裝。

Window 和 Linux 上打開命令行工具執行如下命令：

$ npm install -g cordova ionic

Mac 系統上使用如下命令：

sudo npm install -g cordova ionic

提示: IOS須要在Mac Os X. 和Xcode環境下面安裝使用。

若是你已經安裝了以上環境，能夠執行如下命令來更新版本:

npm update -g cordova ionic

或

sudo npm update -g cordova ionic

建立應用

使用ionic官方提供的現成的應用程序模板，或一個空白的項目建立一個ionic應用：

$ ionic start myApp tabs

ionic start myApp tabs   //建立帶有top欄和bottom欄的示例項目
ionic start myApp sidemenu  //建立帶有左側帶有menu欄的示例項目
ionic start myApp blank   //建立空白項目

運行咱們剛纔建立的ionic項目

使用 ionic tool 建立，測試，運行你的apps(或者經過Cordova直接建立)。

建立android應用:

$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android

建立ios應用:

$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

bower的安裝

首先肯定你的系統安裝了nodejs。以後就能夠用npm包管理工具下載並全局安裝bower:
> npm install -g bower

全局安裝Bower後，能夠查看Bower的幫助信息，使用命令：
> bower help

bower的使用

使用了bower的項目都會在目錄下有一個bower.json文件。在該文件同級目錄下，使用以下命令便可安裝相關依賴庫。

> bower install

 

ngCordova安裝

進入到工程目錄，使用bower工具安裝

1	$ bower install ngCordova

 

 

而後將ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入以前，例如：

1 2	<script src="lib/ngCordova/dist/ng-cordova.js"></script> <script src="cordova.js"></script>

 

 

而後再angular中添加ngCordova依賴，

1	angular.module('myApp', ['ngCordova'])

 

 

在使用每一個插件以前，必須先檢測設備是否就緒，經過cordova內置的原生事件deviceready來檢測，以下：

1 2 3 4 5 6 7

document.addEventListener("deviceready", function () { $cordovaPlugin.someFunction().then(success, error); }, false); // OR with Ionic $ionicPlatform.ready(function() { $cordovaPlugin.someFunction().then(success, error); });

 

 

 

 

 

而後能夠經過下面的命令添加插件到項目中：

1	cordova plugin add ...

 

 

至此ngcordova安裝成功，關於plugin的教程，參見官網：
http://ngcordova.com/docs/plugins/