The Web Tub
Published in

The Web Tub

LocalKit, Web IDE: Everything You Need to Know about Monaca Development Environment

As you probably already know, Monaca offers various development environment choices to fit all your needs. However, it may be difficult for a new developer to understand each one’s characteristics and which one to choose. That’s why in this blog post we would like to introduce each environment and their features, helping you to choose the right one for your development.

Monaca IDE, or Monaca Cloud IDE, is a cloud-based development environment which allows you to code with any computer that has access to internet, eliminating the time and the effort needed to install and configure the development environment on the computer. All you need is a web browser and you can immediately start developing your hybrid mobile applications!

Obviously, web browsers work on any platform, like Windows, OS X and Linux so you should not have any particular issue while accessing our cloud services. Moreover, creating iOS applications with Windows or Linux is possible once iOS Build Settings have been configured.

Monaca IDE offers TypeScript as an alternative language, allowing you to use TypeScript’s static type and other tools to develop your hybrid mobile app.

On the downside, as previously mentioned, Monaca IDE requires internet connectivity to be accessed. There won’t be any trouble if you are working from your office but there will be if you are outside or on an airplane (even if recently internet connection has been introduced by some airlines, speed and cost are still a problem).

Moreover, some of you may find more comfortable to use your own favorite editor. For those, we would recommend to take a look at our LocalKit, which we are going to introduce immediately.

Monaca Localkit

Monaca LocalKit is a GUI application we provide for Windows and Mac OSX (and probably also for Linux, in the future). It has a built-in server which allows the management of your local Monaca projects. Monaca LocalKit can work with Monaca Debugger and easily preview your hybrid mobile app real-time on your smartphone, under the same network. Note that the debugger needs an internet connection but LocalKit itself works even if you are offline.

Because LocalKit manages your project locally, it’s able to work with version control tools such as Git and Apache Subversion, your favorite editor, build tools like gulp and alternative languages like CoffeeScript and TypeScript. But you can have even more flexibility while working with LocalKit.

When you debug under local environment, you can use debug build option to install the app directly on your smartphone. There is also a support for Chrome DevTools, which allows debugging to be much easier.

For LocalKit the downside is that it requires to setup an environment in order to start your hybrid mobile app development. However, this may worth the effort as probably most of you already have their favorite development tools already installed locally.

Monaca for Visual Studio

Monaca for Visual Studio is our Visual Studio extension that supports your hybrid mobile app development directly from Microsoft Visual Studio

This extension allows you to use all the powerful features Visual Studio offers. For example, you can also quickly build cloud-based applications by taking advantage of the integration of Azure services. This option will provide efficient and powerful environment especially for those who are used to develop with Visual Studio.

There aren’t many disadvantages except that it’s just available to users who have access to a Windows-based environment.

Monaca CLI

Monaca CLI is a command line tool which allows to manage your Monaca applications directly from your terminal. Similar to LocalKit, CLI allows you to develop hybrid mobile apps on your local environment by integrating Monaca’s basic features, like project creation, download, and upload.

You can connect a debugger to a local project in order to debug, exactly like LocalKit. Moreover, it also supports Chrome DevTools. Once you development has finished, you can execute a remote build, which will generate an app ready do be published or installed on your device.

Monaca CLI doesn’t offer a fancy GUI, but it will probably make happy experienced developers who enjoy using command line tools. Just don’t forget that it requires node.js to be installed in your environment.


To conclude, each platform has its own distinctive features and the choice of it really depends totally on you personal needs and preferences.

Monaca Cloud IDE provides a simple and friendly environment to get you get you started. Classroom style and large scale project can take big advantages from web browsers and its cloud-based environment.

When it comes to teams and existing environments, Monaca LocalKit and Monaca CLI can speed up your hybrid mobile app development using your favorite editors, version control tools and build tools.

If you are using Visual Studio, there is no doubt that Monaca for Visual Studio is your best choice as it will allow you to take full advantage of various Microsoft features and services, like Azure.

We hope this guide helped you to find the development tool that suits your style, keep enjoying Monaca!




Pushing the web current through hybrid mobile and PWA technology. Presented by the Monaca and Onsen UI team.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Onsen UI & Monaca Team

Onsen UI & Monaca Team

Team of developers from Onsen UI and Monaca

More from Medium

Use Jekyll and Tailwind Css

Web Professionals’ Top 13 Open-Source Software Apps

How I Got Fancy Footnotes Working on SquareSpace Using Bigfoot.js

A screenshot of the author’s website where he successfully implemented Bigfoot.js after lots of trial and error.

Light mode/Dark mode: Dynamic theming through SCSS mixin