Monaca Web IDE First Experience-developing Phonegap/cordova applications and what eclipse/xcode!

Technology can be achieved, it will definitely happen, now it's the Web IDE.

Monaca is a web-based IDE that runs on the web, and its functionality is well enough to make eclipse and Xcode blush. It is rumored that JavaScript is not far from the unified, because control of the UI, you control the world.

Let's take a look at how to use it:

1, login Http://monaca.mobi after opening "DashBoard" in the upper left corner

2, Monoca is worthy of conscience works, provides a lot of introductory sample, wherein the onsen UI is a very good mobile App framework, where I chose to add a onsen UI Sliding Menu App

3, do not make any changes, click on the dashboard on the preview, you can browse the current browser in the desired UI effect

Of course you can't debug the code with this preview, because there is no Cordova framework in the PC browser.

4, how to really let the application run on the phone? It's simple, build a debug-apk on the Monaca and install it on the phone.

Run like this:

5, the features introduced so far in addition to the online editor, the use of online packaging tools provided by PhoneGap can still achieve these functions, if you look so much less Monaca, Monaca also provides a debugger

An APK is also generated, but this apk is used to debug all new Cordova applications under your account, and you can see all the apps you uploaded on Monaca after you log in to the app:

6, click the corresponding app, you can see the previous written in the index.html inside the alert ("55555") This sentence took effect:

Monaca estimates that the Socket.io module is integrated in the cloud, updating any code in the IDE and ctrl+s saving it in real-time on the phone.

Clicking the circle in the lower right corner will bring up various functions, such as viewing the HTML of the current page, as well as the log information and so on:

7, note to the left of the file tree, if you think upload a picture or JS too cumbersome to use the map of WebDAV, the cloud to map the space on the local disk, the process can refer to http://docs.monaca.mobi/3.5/en/manual/ monaca_ide/webdav/

8, Monaca also provides more advanced features and his extended Monaca JS API, which can be found on the official web documents

9, if you developed a third-party plugin, you can upload here, Remember to choose to Plugin.xml file, of course, this premium feature requires a fee, 500 knives a year, so that the generated debugger will contain the third party plugin, Cordova plugin ecology is very open, you can find a good plugin:http here ://plugreg.com

10, Monaca Incredibly also provides Monaca backend, abstract user login and other functional components, you can also create a new data table above Monaca. Can only say Monaca the next big game of chess ...

Experiencing this, I can't seem to think of a reason to re-develop the Cordova application with Eclipse and Xcode.

Monaca Web IDE First Experience-developing Phonegap/cordova applications and what eclipse/xcode!