一、搭建環(huán)境
1.安裝nodejs
參考此文:http://www.lxweimin.com/p/252443cc7493
要先安裝完nodejs才能做下面的操作。
2.npm安裝ionic
打開命令符窗口,輸入指令【npm install -g ionic】運行。
輸入【ionic -v】運行,出現(xiàn)版本號就是安裝成功啦。
3.npm安裝cordova
打開命令符窗口,輸入指令【npm install -g?cordova?】運行。
輸入【cordova -v】運行,出現(xiàn)版本號就是安裝成功啦。
二、創(chuàng)建項目
在你想創(chuàng)建的位置打開命令符窗口輸入【ionic start myapp tabs】運行,myapp是你的項目名稱,可以自己定義。
會出現(xiàn)Angular和React的選擇,我選的是Angular,會React可以選React
第一次創(chuàng)建會遇到問你要不要和谷歌匿名分享數(shù)據(jù)什么的,同意輸入Y回車,不同意輸入N回車。
創(chuàng)建完成后,打開命令符的位置會出現(xiàn)一個叫myapp的文件夾
三、運行項目
在瀏覽器運行:
在項目根目錄打開命令符窗口輸入指令【ionic serve】運行
執(zhí)行完成后不可以關閉命令符窗口
在手機運行(需要手機和電腦都在同一個局域網(wǎng)下)
然后在項目根目錄打開命令符窗口輸入指令【ionic serve --devapp】運行。
下載devapp安裝到手機,打開devapp,只要上面執(zhí)行了就會看到你的項目了,點進去就行了。