Monaca Docs
Search…
Overview
Introduction
Monaca CLI is a local development environment that is used to develop Monaca apps locally. The Monaca CLI provides a command line interface for using Monaca Cloud from your local PC. With the Monaca CLI, you can:
- Create new local projects and import or clone existing projects fromMonaca Cloud to your PC.
- Develop Monaca apps with a local code editor you prefer.
- Debug your app with inspector integration.
- Support transpiler options for transpilable projects such as ReactJSand Angular2 projects.
- Remote build your projects without any local setup.
Getting started
Prerequisite
Step 1: CLI installation
Use the following command to install the Monaca CLI:
1
$ npm install -g monaca
Copied!
On some systems you may have to prefix the command with
sudo because of a permission issue:1
$ sudo npm install -g monaca
Copied!
In order to check the currently installed Monaca CLI’s version, use
monaca command. Moreover, if you want to update Monaca CLI, just re-install it using the above command.Step 2: Following the CLI tutorial
After installing the Monaca CLI, please follow our simple and easy tutorial on how to use Monaca CLI.
Transpiling in the Monaca CLI
Some of the modern frameworks have created their own languages in order to interact with their products (like JSX), or have just integrated some extensions that are not natively available in JavaScript (for example TypeScript). The transpiling process transforms the code written in those languages to a native JavaScript code ready to be executed on modern browsers/WebViews. We currently use WebPack to perform the transpiling operations.
Currently, it is available for the Vue, React and Angular2 templates. It can be triggered in two ways:
- 1.
monaca transpile: runs the transpiler on the current project. - 2.
monaca preview: runs the transpiler in watch mode and starts anHTTP server to display the app’s content.
Upload/download control
You might sometimes want to exclude specific files and folders from the Monaca Cloud. When using Monaca, the
.monacaignore file will be automatically created and placed under the root directory of the React Native projects. You can edit the file to add or remove specific files and folders..monacaignore is using the same pattern as .gitignore.The default
.monacaignore file looks like this:1
/.monaca/*
2
!/.monaca/project_info.json
3
/platforms
4
.DS_Store
5
*.swp
6
.vscode/
7
typings/
8
node_modules
9
.git
Copied!
See Also:
Last modified 10mo ago