Set Up Your Development Environment

Last modified: August 27, 2024

Introduction

This document will lead you through the process of setting up everything you need to start working with the Mendix Platform SDK. This includes setting up development tools and creating a first SDK script that automatically bootstraps a new Mendix app.

Quick Installation

If you know what you are doing, the quick installation instructions below are for you. Otherwise, skip this paragraph and continue with the Setting Up Your Development Tools section.

For the quick installation, we assume that you have node already installed. Set up a new node project and install the dependencies using the following steps:

$ mkdir my-app-generator
$ cd my-app-generator
$ npm init --yes
$ npm install -g typescript
$ npm install mendixmodelsdk mendixplatformsdk --save
$ tsc --init --target es2020

Setting Up Your Development Tools

To set up your development tools, follow these steps:

Install the latest LTS version of Node.js. If you need to download it, you can find it on this page.
Open a terminal (on Windows, Command Prompt) and run the following command:
```
$ node --version
v14.15.0
```
For Debian-based Linux distributions such as Ubuntu, please refer to NodeSource Node.js Binary Distributions to properly set up your apt-get sources.

In the rest of the how-tos, in blocks such as the above, lines starting with a $ represent commands to type into a terminal. Sometimes a line follows without a $, represents output of the command.
Install Visual Studio Code (not to be confused with Visual Studio), a text editor/IDE with good support for TypeScript. Make sure you have a recent version (v1.11.0+); check the version you are using through Help > About when you have Code opened.
Install TypeScript 4.4.3 or higher with npm (or yarn), Node.js’s package manager:
```
$ npm install -g typescript
```
Use the following command to check the TypeScript compiler version on your PATH:
```
$ tsc --version
Version 4.4.3 (or higher)
```
If the version number is much lower, it could be that you also have an outdated TypeScript SDK on your system, left over from a previous installation. You can either uninstall the old TypeScript SDK, or bypass it by removing the old TypeScript SDK from your system’s PATH environment variable.

Setting Up a Working Directory for Your Script

To set up a working directory for your script, follow these steps:

Create a new directory and initialize it for use with the Node.js package manager npm. Using --yes skips several unimportant questions. This creates a package.json with default contents. Through this file you control your npm package.
```
$ mkdir my-app-generator
$ cd my-app-generator
$ npm init --yes
```
Visual Studio Code, other than Visual Studio, works with directories instead of project files.
Start Visual Studio Code and open the directory you just created. You can open a new instance of Code from the command line with the directory you want to open as first argument. For example, if your current working directory in your terminal is the directory in which all your project files live, use the following command to open Code:
```
$ code .
```
Add mendixmodelsdk, and mendixplatformsdk as dependencies. Dependencies are stored in the node_modules directory (which will be automatically created by npm if necessary). Open the package.json you just created. Add a dependencies block that looks like this:
```
"dependencies": {
  "mendixmodelsdk": "^4.56.0",
  "mendixplatformsdk": "^5.0.0"
}
```
When a new major version of the Mendix SDK is released (as in, 1.0.0 to 2.0.0) and you run npm update in your project folder, the ^ in front of the version number makes sure that the installed version of the SDK will not be upgraded automatically. Only minor and patch releases (as in, 1.1.1) of the SDK will be automatically upgraded; otherwise, your script could inadvertently be broken. You may, of course, edit the dependency by hand yourself.
Save your changes and then execute the following to install the dependencies:
```
$ npm install
```
If you are using version control, make sure to ignore the node_modules directory, otherwise you end up committing dependencies.
In Code, create a tsconfig.json file next to your package.json. The tsconfig.json file is used by the TypeScript compiler to compile your code in the proper manner to a JS file. Create it with the following contents.
```
{
	"compilerOptions" : {
		"module" : "commonjs",
		"target" : "es2020",
        "strict": true
	},
	"files" : [
		"script.ts"
	]
}
```
The compiler options should be left as-is. The files directive is an array of strings with path names of all TypeScript files that make up your Node.js script or app. You can change it so that the compiler uses the right files.

Create new files in your app directory with Visual Studio Code by hovering over the name of the working directory in the left-side pane. When the New file icon appears, click it to create a new file. For more information on basic editing with VSC, see Basic Editing.

Next Step

Continue with Creating Your First Script.