一瞪醋、搭建環(huán)境
1.安裝nodejs
參考此文:http://www.reibang.com/p/252443cc7493
要先安裝完nodejs才能做下面的操作叙身。
2.npm安裝ionic
打開命令符窗口响巢,輸入指令【npm install -g ionic】運(yùn)行闭翩。
輸入【ionic -v】運(yùn)行幔托,出現(xiàn)版本號(hào)就是安裝成功啦。
3.npm安裝cordova
打開命令符窗口玫锋,輸入指令【npm install -g?cordova?】運(yùn)行。
輸入【cordova -v】運(yùn)行讼呢,出現(xiàn)版本號(hào)就是安裝成功啦撩鹿。
二、創(chuàng)建項(xiàng)目
在你想創(chuàng)建的位置打開命令符窗口輸入【ionic start myapp tabs】運(yùn)行悦屏,myapp是你的項(xiàng)目名稱节沦,可以自己定義。
會(huì)出現(xiàn)Angular和React的選擇窜管,我選的是Angular散劫,會(huì)React可以選React
第一次創(chuàng)建會(huì)遇到問你要不要和谷歌匿名分享數(shù)據(jù)什么的,同意輸入Y回車幕帆,不同意輸入N回車获搏。
創(chuàng)建完成后,打開命令符的位置會(huì)出現(xiàn)一個(gè)叫myapp的文件夾
三失乾、運(yùn)行項(xiàng)目
在瀏覽器運(yùn)行:
在項(xiàng)目根目錄打開命令符窗口輸入指令【ionic serve】運(yùn)行
執(zhí)行完成后不可以關(guān)閉命令符窗口
在手機(jī)運(yùn)行(需要手機(jī)和電腦都在同一個(gè)局域網(wǎng)下)
然后在項(xiàng)目根目錄打開命令符窗口輸入指令【ionic serve --devapp】運(yùn)行常熙。
下載devapp安裝到手機(jī),打開devapp碱茁,只要上面執(zhí)行了就會(huì)看到你的項(xiàng)目了裸卫,點(diǎn)進(jìn)去就行了。