ionic入門教程第一課--環境搭建和新建ionic項目

最近因爲公司項目須要，自學Ionic。在這裏作個備忘，也但願能幫到想自學ionic的其餘朋友。

1、首先須要安裝node.js環境，對於不瞭解node.js的同窗也沒有關係，

由於咱們有用到的只是node.js提供的npm服務。你能夠把他理解成一個下載器吧！

windows 下安裝nodejs

http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html

2、須要安裝cordova和ionic

使用命令符npm install -g cordova 和 npm install -g ionic 來安裝

-g是指得到管理員權限，就是至關於下載了cordova和ionic而且配置了環境變量（簡單的理解爲這個樣子吧）

附：使用npm下載失敗的話，能夠考慮用淘寶的鏡像cnpm，具體安裝方法自行百度，鏡像更新頻率挺快的，能夠說基本一致吧。

具體的安裝能夠百度，網上有很多的教程寫的很清楚了。我這電腦是很早以前就安裝過這些環境了。就沒有附錄截圖了。

3、建立ionic項目

使用命令 ionic start firstApp tabs

至關於下載了一個官方的基礎Demo ，其中firstApp是你的項目名字。後面的tabs是指建立的項目類型。

可接受三個參數，tabs指建立帶有選擇卡的Demo；sidemenu指建立帶有左側菜單欄的Demo；blank指建立空白項目。

可根據本身的實際須要選擇建立不一樣類型的項目，不過我建議。先把三個項目都建立了跑一下，看看源代碼，仍是挺有幫助的。

4、不少教程到了這一步會提到如何將示例項目打包成安裝包，不過我以爲如今執行這個並無什麼意義的。

其實簡單點理解的話，只要咱們建立了一個完整的可正常訪問的web項目，都是可使用phonegap來打包的。

因此我打算將打包這一步放到後面的教程中，也可能不講了。網上教程很多，不少都寫得很詳細。

主要就是添加平臺再編譯，報什麼錯，通常就是少了什麼插件，按提示安裝就行。

能夠看看這個：http://blog.csdn.net/zapzqc/article/details/41802453

而後這裏面沒有說明怎麼發佈ios包，我順便補充幾句

cordova platform add ios 

cordova build

而後用X-code打開，根據ios應用發佈流程打包就能夠了。

有其餘問題能夠關注一下公衆號提問（右側雙下劃線）：ionic__