搭建Cordova + Ionic + WebStorm環境開發Web App應用

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裏可配置項目保存路徑，運行在哪一個平臺等