搭建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里可配置項目保存路徑,運行在哪個平台等


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM