技術能實現(xiàn)的，就一定會發(fā)生，現(xiàn)在輪到Web IDE了。

Monaca 是純在Web端運行的一個基于Cordova生態(tài)的Web IDE，其功能之完善與易用已經(jīng)足以讓Eclipse和XCode汗顏。坊間傳聞Javascript一統(tǒng)江湖的時候不遠了，因為控制了UI，你就控制了世界。

先來看看怎么用吧：

1、登錄?http://monaca.mobi?以后打開左上角的“DashBoard”

2、Monoca不愧是良心作品，提供了很多入門的Sample，其中的Onsen UI是一個非常優(yōu)秀的Mobile App框架，在這里我選擇添加了一個Onsen UI Sliding Menu 的 App?

? ??

3、不用做任何的修改，點擊DashBoard上的Preview，就可以在當前瀏覽器中瀏覽預期的UI效果了

當然不能用這個Preview來調試代碼，因為PC瀏覽器里可沒有Cordova的Framework啊。

4、那怎么真正讓應用程序跑在手機上呢？很簡單，在Monaca上Build一個debug-apk并且安裝到手機上就完了

運行起來就是這個樣子：

5、到目前為止介紹的功能除了在線編輯器以外，使用PhoneGap提供的在線打包工具照樣能夠實現(xiàn)這些功能，要是這樣看就太小瞧Monaca了，Monaca還提供了一個debugger

同樣會生成一個apk，但這個apk是用來對你的賬號下所有新建Cordova的應用程序進行調試用的，在app中登錄之后就可以看到你在Monaca上上傳的所有app了：

6、點擊對應的app之后，可以看到之前寫在index.html里面的alert("55555")這句話生效了：

? ? ?

Monaca估計里面集成了socket.io的模塊，在云端的IDE中更新任何代碼并Ctrl+S保存之后，會在手機上實時的更新并運行

? ??

點擊右下角的那個圓圈，會彈出各種功能，比如查看當前頁面的HTML，還有Log信息等等：

?

7、注意到左邊的文件樹，如果覺得上傳一個一個的圖片或者js太麻煩的話可以使用WebDAV的映射，把云端的空間映射到本地的磁盤上，具體過程可以參考http://docs.monaca.mobi/3.5/en/manual/monaca_ide/webdav/

8、Monaca還提供了更多高級功能和他擴展的Monaca JS API，這些都可以在官網(wǎng)上找到文檔

9、如果你開發(fā)了第三方的Plugin，可以在這里進行上傳，記得要選擇到plugin.xml文件，當然這個高級功能需要付費，一年500刀，這樣生成的Debugger中就會包含第三方的Plugin了，Cordova的Plugin的生態(tài)非常開放，可以在這里找到好的Plugin：http://plugreg.com

10、Monaca居然還提供了Monaca BackEnd，抽象了用戶登錄等功能組件，還可以在Monaca上面新建數(shù)據(jù)表。。只能說Monaca在下一盤很大的棋。。。

?

體驗到這里，我似乎想不出再用Eclipse和XCode再開發(fā)Cordova應用程序的理由了。。

?

轉載于:https://www.cnblogs.com/darknightsnow/p/4044540.html

總結

以上是生活随笔為你收集整理的Monaca Web IDE 初体验 —— 开发PhoneGap/Cordova应用程序，还用什么Eclipse/XCode！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。