Skip to content

Setting up a Local Development Environment

Mark Malstrom edited this page Jun 24, 2024 · 2 revisions

These are instructions for getting started on a Mac/unix machine. Windows instructions TBD.

Dependencies

Install these dependencies if you don't already have them:

Download

Clone the source code with the HTTP:

git clone https://github.com/APL-Innovation-Lab/meeting-room-prototype

or with SSH:

git clone [email protected]:APL-Innovation-Lab/meeting-room-prototype

Configuration

install (if necessary) and use with nvm:

cd meeting-room-prototype
nvm install # if necessary
nvm use

Install NPM dependencies:

npm install

And run the dev server:

npm run dev

Visual Studio Code

It's recommended to use Visual Studio Code as your integrated development environment when working on this prototype for the best development experience. There are several files in this repo's .vscode root-level folder which are intended to enhance this experience with additional settings to make development smooth in VS Code.

Extensions

It's also recommended that you install these extensions for VS Code:

Inline color swatches

Screenshot 2024-06-24 at 1 50 26 PM

Hover-on-class style definition expansion

Screenshot 2024-06-24 at 1 50 50 PM

Class name completion

Screenshot 2024-06-24 at 1 51 18 PM
  • TODO Highlight for highlighting TODO, FIXME, and MARK comments in code
  • Vitest for integrating unit tests into VS Code
  • GitHub Actions for managing CI/CD workflows in VS Code