Cordova+Angularjs+Ionic混合開發入門篇（一）----- ionic環境搭建__js

      作為一名iOS開發人員，對於移動開發的發展趨勢頗為關注。大家都知道，現在的原生移動開發在企業上基本很少使用的，大部分企業為了降低成本，選擇了webapp，hybrid（混合開發）這兩種模式。恰巧我所在的一家公司也做混合開發，是的，你猜對了，這裡我所說的混合開發方式指的就是Cordova+Angularjs+Ionic混合開發（為了節省時間，少說廢話，以下我所說的“它”就是指“Cordova+Angularjs+Ionic混合開發”），所以對於這種情況，我就理所當然的瞭解了它，並熟悉了它，以至於到現在技術上可以說是完全OK的（特殊情況例外哈），當然，瞭解了它之後才覺得Cordova+angularjs+Ionic 這種架構的開發模式很有前景，至少目前是這樣覺得。

總體來說，它入門很簡單，技術上沒什麼太大的難題，當然，前提是你有點工作經驗，只要不是剛培訓出來的，入門基本沒問題，只是時間上的問題，好了，下面我就技術方面重點說步驟了，在這裡想細瞭解的話，太浪費時間，起碼公司是等不起的。。。（哈哈哈，玩笑話，具體問題不懂得可以去找度娘啦）

一、簡述概念：

ionic是一個強大的HTML5開發架構，運行速度也是相對較快，和jqmobi 大概差不多，是一款輕量級架構，基於 AngularJS並支援 angularjs的特性及MVC。通過 SASS 構建應用程式，它提供了很多 UI 組件來協助開發人員開發強大的應用。 它使用 JavaScript MVVM 架構和AngularJS 來增強應用。提供資料的雙向繫結，使用它成為 Web 和移動開發人員的共同選擇，所以只要會html 、css、 js就可以開發app。有空多接觸點新技術，對一名程式員來說，絕對是有好處的~~

二、環境搭建：【iOS版，Mac環境】

安裝方式：命令列

1.安裝npm 、node.js

開啟終端，分別輸入以下內容：

npm    -v

node  -v
查看結果是否安裝npm和node

如果npm或者node可能並非最新版本或者沒有安裝,可以到nodejs官網【https://nodejs.org/en/】下載最新版本.

2.安裝ionic和cordova

因為某些原因,國內的網路安裝ionic和cordova 會出現錯誤,因此要跳過某些牆。採用淘寶NPM鏡像。開啟終端直接輸入以下命令即可。【前面加不加“sudo”，看情況，不加不行的話就加上，加了的話輸入電腦開機密碼即可】

首先移除現有的Ruby鏡像

gem sources --remove https://rubygems.org/

然後添加國內最新鏡像源https://gems.ruby-china.org/（淘寶的Ruby鏡像https://registry.npm.taobao.org已經不更新了，當然你也可以使用）

npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org           

通過淘寶NPM鏡像就可以安裝ionic和cordova包.

在安裝ionic 和cordova 之前，先安裝 express

按下列步驟：

1) npm  install express

2) sudo  npm install -g ionic

3) sudo  npm install -g cordova                 [預設最新版]

mac上通過npm安裝cordova失敗

http://blog.csdn.net/jiangtongcn/article/details/46863743

********************************錯誤原因總結*******************************************

Error: EACCES: permission denied, open  '/Users/niubangzhu/.config/configstore/insight-cordova.json’

網站：http://wenku.baidu.com/link?url=YAQmFTohv4ho_eicqLLl6qjZ2zbgscgnxVdY0KjDcbTE_IlPCteUdsFhhA7dBYJXQbyc4Q1l2tp0JEqRJSeg3SIQZ92Sm0EXBtoXdk0o5OK

注意：如果都安裝成功了，cordova -v卻不顯示版本號碼，說明找不到安裝路徑，則要做以下處理：

把/Users/sure001/“D://user/local....[預設的安裝路徑]”/lib/node_modules 下的檔案複製到/usr/local/lib/node_modules檔案夾下即可。

===================================================

目測安裝成功後，cordova -v 報錯的話，試一下下面解決方式：

開啟finder，commond+shift+G ，在提出框裡輸入“/Users/niubangzhu/.config/configstore/insight-cordova.json”，刪除檔案insight-cordova.json，重新執行安裝cordova，然後試一下cordova -v      成功啦。。。。。。恭喜

安裝成功以後,要查看安裝的包內容是否全部都已安裝.運行命令:

ionic info

安裝失敗的情況

給出的內容如果是紅色，就說明安裝失敗了,照著內容安裝即可以.

**ps:不安裝的情況下就是不能在此環境下編譯等,但是對於瀏覽器運行無影響.**

`ios-sim`代表模擬器運行環境,

`ios-deploy`代表真機運行環境。

運行命令:

npm install -g ios-sim,不行就加上sudo

npm install -g ios-deploy,不行就加上sudo

npm install -g ios-deploy 失敗問題的解決方案，運行以下命令：

sudo npm install -g ios-deploy --unsafe-perm=true