Set Up UI Dev Environment

Introduction

This page explains the third-party tools you’ll need to write ReactJS frontend code.

Install the Visual Code integrated development environment:

Figure 1. Install Visual Studio Code

Install:

Node.js
(An open-source, cross-platform JavaScript runtime environment built on Chrome’s V8 engine.)
npm
(The default package manager for Node.js; an online database of public and paid-for packages, called the npm registry.)

To install both, download and install the most recent LTS version from Node.js:

Figure 2. Install NodeJS and NPM

Updating NodeJS and NPM

To update NodeJS, simply re-download and reinstall the latest from the NodeJS website.
To update NPM, run npm install -g npm from the command line.

To ease software development, install the following extensions.

Nx Console makes running commands much easier, and is required in KOS development:

Figure 3. Install the Nx Console extension

Other extensions to consider are:

[prev]

[next]

On this page

Expand your knowledge with these curated articles that complement your exploration of KOS.

Java Development

Seamlessly transition from Legacy+ systems to Freestyle microdosing and advanced distributed dispense systems.

UI Development

Using KOS SDKs, integrating Consumer and Non-consumer facing UIs becomes seamless, giving you less hassle and more time to create.

Video Library

Meet some of our development team, as they lead you through the tools, features, and tips and tricks of various KOS tools.

Resources

Familiarize yourself with KOS terminology, our reference materials, and explore additional resources that complement your KOS journey.