Developing Locally

Qubit CLI comes with a built in local previewing server.

This allows you to develop your placements and experiences locally with instant hot reloading and fast feedback on your changes.

Here's how you can make use of the cli's built in preview server

Step 1

Install Qubit CLI and the associated chrome extension.

Step 2

From your experience or placement folder, run

$ qubit

Step 3

Open Chrome and select the Chrome extension icon. The icon should go from grey to yellow, which means it's working.

Step 4

Add the following to your placement.css file:

body {
    background: yellow !important;
}

The page background should turn yellow!

Last updated: July 2021
Did you find this article useful?