下載Node.js并安裝
一般安裝這個后npm也會安裝完成,從網上找到的npm install -g cordova ionic安裝方法行不通,總會報出一大堆的錯誤,所以后面找了很多,發現用淘寶鏡像可以安裝
執行安裝命令
先打開命令提示符,執行:
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝完成后執行:
cnpm install -g cordova ionic
這樣就完成整個了下載和安裝的步驟
新建項目
接下來新建一個屬于你的項目,官網提供了3種樣式,首先進入到你自己的工作目錄中:
E:
cd Ionic
這是我的工作目錄,然后在這里執行:
ionic start myApp blank
這是建立一個空白項目,如果需要建立其他的,可以把blank改成tabs或者sidemenu,具體樣式可以參照官網提供http://ionicframework.com/getting-started/
建立好項目之后就可以進行其他的步驟了
運行項目并在android手機中運行
首先需要進入自己新建的項目目錄下面
cd myApp
然后再執行
ionic serve
等待片刻之后會彈出瀏覽器,我用的是chrome,感覺這個好用些,打開后,按f12,可以變到手機觀看的模式,之后的項目運行都將會在chrome中看結果,如果想退出,在命令提示符當中按ctrl+c就可以退出服務,也可以保持不退出,之后進行的修改代碼,保存后都會立刻刷新頁面,這樣方便查看,我是這么干的,接下來要在android真機中運行的話需要下載sdk,因為我之前使用過android studio,也下載過部分的sdk,所以只需要配置android環境就可以了,如果沒有下載的話,需要下載android sdk并配置環境
接下來是如何到android中真機運行,ctrl+c退出服務后,首先執行添加android平臺操作:
ionic platform add android
然后執行:
ionic cordova run android
記住,執行這一行代碼之前得把安卓的手機連上電腦,并且打開USB調試
后言
當然如果沒有android手機也可以使用android虛擬機,具體什么樣的,其實我也不知道,不過還是推薦用android真機調試吧,ios手機也可以,不過命令提示符的輸入代碼也會有所不同,具體可以網上找找其他資料,最后希望給和我一樣在初學階段的人給點幫助,希望能夠一起共勉一起學習,因為也是初學階段,了解的可能只有一些片面,如果有什么說的不對的地方盡管說出來,我會盡快改正。
2018年8月13日補充:今天重新回到ionic打算做個完整小項目出來試試,start項目的時候出現了Error: read ECONNRESET報錯,通過網上百度,于是把ioinc版本回退到了3.9.2就可以了,執行npm install -g ionic@3.9.2