Configure VS Code

  1. Install the Make Apps Editor. You can get the Make Apps Editor from the VS Code Marketplace or install it in the Extensions tab in VS code.

  2. Click the Make icon on the VS code sidebar. Clicking on the Make icon activates the Make Apps Editor. You get notified in a pop-up window that you haven't yet set up a development environment.

Pop-up about missing environments
  1. Click the Add environment button to launch the environment setup or execute the command: >Make Apps: Add SDK Environment from the command palette.

Command palette
  1. Fill in the API URL in the next pop-up window. The API URL depends on your Make zone. For example, the US1 Make zone has the API URL: us1.make.com/api.

Filling account's /app's zone
  1. Fill in the label for the environment in the next pop-up window. Press Enter to confirm the environment label.

Entering environment name
  1. Copy your Make API key in the last pop-up window. If you don't have an API key, follow the procedure to create a Make API key.

Entering Make API key

The Make Apps Editor extension restarts with the environment configuration.

A new sidebar appears in VS code with a list of your custom apps and Make open-source apps. If you previously created any, your custom apps are listed in the block My apps. The Make open-source apps are listed in the Open source apps field at the bottom of the VS code sidebar.

Switching among environments

In Make Apps Editor, you can work across multiple environments.

Easily identify the active environment by checking the indicator in the bottom status bar.

Upon clicking the environment indicator, you can switch among multiple environments.

Environment indicator
Switching among multiple environments

You can add another environment by issuing the >Add SDK environment again (follow the steps starting from the 5th).

Useful settings

You can add extra settings in Extensions > Make Apps Editor > Extension Settings > settings.json file.

Extension Settings in Make Apps Editor app

Here are some settings for better performance and experience:

  • Set editor.formatOnSave to true in VS Code settings. Source codes will be formatted automatically when you save them.

  • Set editor.quickSuggetions.strings to true in VS Code settings. Keyword recommendations will automatically show up while you're typing in IML strings too.

Log out and log in to an environment

You can log out using the >Logout command and log back in by the >Login command.

When you log out, the API key is removed from the settings.json file. To log in again, you will need to enter your API key.

You can use this flow to change your API key in an environment.

Last updated