Setting Up Your Development Environment

4 minutes to read Download PDF Edit

This tutorial 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, please skip this paragraph and continue with Setting up your development tools.

Quick installation instructions

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 when @types/when --save
$ tsc --init

Setting Up Your Development Tools

  1. Install the latest LTS version of Node.js. If you need to download it, you can find it on this page.

  2. Open a terminal, on Windows e.g. Command Prompt, and run the following command:

    $ node --version
    v6.0.0
    

    ` For Debian-based Linux distributions such as Ubuntu, please refer to this article to properly set up your apt-get sources.

    In the rest of the tutorial, 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.

  3. 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.

  4. Install TypeScript 2.. with npm , Node.js’ package manager:

    $ npm install -g typescript@2.2.2
    
  5. Use the following command to check the TypeScript compiler version on your PATH:

    $ tsc --version
    Version 2.2.2
    

    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

  1. First, 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.jsonwith 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.

  2. 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 .
    
  3. Add mendixmodelsdk, mendixplatformsdk, and when.js 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": {
      "@types/when": "^2.4.28",
      "mendixmodelsdk": "~3.2.0",
      "mendixplatformsdk": "~3.0.0",
      "when": "^2.4.28"
    }
    

    When a new major or minor version of the Mendix SDK is released (i.e. 1.0.0 to 2.0.0 or 1.0.0 to 1.1.0) and you run npm update in your project folder, the ~ in front of the version number makes sure that installed version of the SDK won’t be upgraded automatically. Only patch releases (i.e. 1.0.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.

  4. 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.

  5. In Code, create a [tsconfig.json](https://github.com/Microsoft/TypeScript/wiki/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" : "es5",
            "noImplicitAny": false,
            "sourceMap": false
        },
        "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 project directory with Visual Studio Code by hovering with the mouse cursor over the name of the working directory in the left side pane. A “new file” icon appears. Click it to create a new file. For more information on basic editing with Visual Studio Code, check the manual.

Next Step

Continue with Getting started - Creating Your First Script