Ionic開發項目

　　hybrid app是移動開發代替原生開發完成app應用項目的一種方案，Ionic是hybrid app開發的一種選擇。對ionic有興趣能夠去網上找相應的基礎知識來學習瞭解，由於Ionic是基於AngularJS框架開發的，因此在使用Ionic以前須要對angularjs有必定的瞭解。在這裏說一下創建ionic項目的過程。

1.環境準備：

（1）nodejs安裝

　　菜鳥教程網有nodejs的簡單介紹和環境安裝。安裝完後，打開cmd控制檯輸入圖中指令，顯示相應的版本號說明安裝好了。

（新版的NodeJS已經集成了npm，因此npm和nodejs環境通常是一塊兒安裝完成）

           

（2）cnpm安裝（npm命令有時下載很慢，這是個很折騰得事，因此能夠用cnpm來執行相關命令，npm可用狀況下能夠不用cnpm），cnpm使用的是淘寶網的鏡像http://npm.taobao.org，能夠經過如下命令全局安裝:

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

執行完後，鍵入cnpm -v命令，顯示如下信息說明安裝成功

　　

（3）安裝ionic和cordova

npm install -g cordova ionic

安裝完後，輸入下圖指令，顯示相應版本號說明安裝成功：

　　

2.創建項目工程

Ionic官網提供了三個項目模板blank、tabs和sideMenu ，參閱：http://ionicframework.com/getting-started/ ，咱們使用下面指令創建一個空模板：

1 ionic start myIonic blank

其中myIonic爲咱們的項目名稱 

執行完畢後你到開發目錄下查看會發現多了一個名爲myIonic的文件夾，這個文件夾就是Ionic項目的所在目錄了。 
目錄下有如下文件：

 1 hooks           //google以後這個目錄應該是在編譯cordova時自定義的腳本命令，方便整合到咱們的編譯系統和版本控制系統中
 2 plugins         //cordova插件的目錄，插件的安裝下一節詳述
 3 scss            //scss文件，發佈時編譯這個目錄下的文件輸出到www的css目錄中
 4 www             //咱們的開發目錄，頁面、樣式、腳本和圖片都放在這個目錄下
 5 --css
 6 --img
 7 --js
 8 --lib
 9 --index.html
10 bower.json      //bower配置文件
11 config.xml      //Ionic的配置文件 ⱃ能夠配置app的id，名稱、描述起始頁和一塊兒其餘配置
12 gulpfile.js     //gulp構建工具的執行文件，在這個文件中建立任務實現編譯scss，css、js優化等
13 ionic.project   //Ionic的項目文件能夠配置Ionic命令中livereload的監控文件
14 package.json    //npm配置文件

至此咱們就創建了一個ionic項目，下一章說下怎麼編譯打包開發完的ionic項目。