最近由于公司項目需要，自學Ionic。在這里做個備忘，也希望能幫到想自學ionic的其他朋友。

一、首先需要安裝node.js環境，對于不了解node.js的同學也沒有關系，

因為我們有用到的只是node.js提供的npm服務。你可以把他理解成一個下載器吧！

windows 下安裝nodejs

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

二、需要安裝cordova和ionic

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

-g是指獲得管理員權限，就是相當于下載了cordova和ionic并且配置了環境變量（簡單的理解為這個樣子吧）

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

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

三、創建ionic項目

使用命令 ionic start firstApp tabs

相當于下載了一個官方的基礎Demo ，其中firstApp是你的項目名字。后面的tabs是指創建的項目類型。

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

可根據自己的實際需要選擇創建不同類型的項目，不過我建議。先把三個項目都創建了跑一下，看看源代碼，還是挺有幫助的。

四、很多教程到了這一步會提到如何將示例項目打包成安裝包，不過我覺得現在執行這個并沒有什么意義的。

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

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

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

可以看看這個：http://blog.csdn.net/zapzqc/article/details/41802453

然后這里面沒有說明怎么發布ios包，我順便補充幾句

cordova platform add ios?

cordova build

然后用X-code打開，根據ios應用發布流程打包就可以了。

有其他問題可以關注一下公眾號提問（右側雙下劃線）：ionic__

轉載于:https://www.cnblogs.com/xiaohuoni/p/7642310.html

總結

以上是生活随笔為你收集整理的ionic入门教程第一课--环境搭建和新建ionic项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。