1. 下載並且安裝node.js(https://nodejs.org/en/)
2. 打開終端,安裝cordova (如果安裝失敗或者卡住不動則重新安裝)
sudo npm install -g cordova
如果一直安裝不上有可能是鏡像問題,改用國內鏡像,在終端執行如下命令再次安裝:
npm config set registry http://registry.cnpmjs.org npm info underscore
3. 安裝ionic
sudo npm install -g ionic
4. 如果要調用xcode模擬器則要安裝插件
sudo npm install -g ios-sim
5. 創建項目
1> cd到要創建項目的路徑
2> ionic start myproject // myproject為你要創建的項目名稱 (如果不成功或者卡住則重新創建)
3> cd myproject // 創建成功則進入到項目里面
4> ionic platform add ios // 添加ios平台,如果是android平台則是:ionic platform add android
5> ionic build ios // 編譯ios項目,如果是android平台則是:ionic build android
6> ionic emulate ios // 模擬器啟動項目,如果是android平台則是:ionic emulate android
7> ionic run ios // 真機運行
8> ionic serve // 瀏覽器調試
6. 如果使用命令ionic emulate ios 后模擬器跑不起來,可以直接到項目里面:platforms文件夾下的ios文件夾里直接運行項目到xcode上
7. 下載安裝WebStorm,打開WebStorm會提示要安裝java環境JDK 根據提示下載安裝好
8. WebStorm新建項目:File -> New Project -> 選中PhoneGap/Cordova App
9. 運行項目:Edit Configurations里可配置項目保存路徑,運行在哪個平台等