Skip to main content

Installation

caution

This is a work in progress. This document will be replaced later on.

Installation guide​

To get started, clone the following branch from skeleton. This branch is configured to work with a local qore directory for the time being.

git clone -b feature/frontend-v2 git@gitlab.qlic.nl:qore/skeleton-v2.git

Go into the new directory, and install back-end dependencies (similar to normal skeleton installation).

info

You can potentially also use another skeleton back-end for testing purposes, however you may run into problems.

Then, cd into frontend and clone the front-end v2 repository with a certain branch. At this time of writing, the current_phase_number is: 2.

git clone -b feature/phase-{current_phase_number} git@gitlab.qlic.nl:qore/frontend-v2.git qore

Copy the .env.example file to .env:

cp .env.example .env

Make sure you are on a Node version >= 16:

node -v

Then stay in the frontend directory and install the dependencies:

yarn

After that, you can start the development server (Vite):

yarn dev

The yarn dev command should be fast, and you should be greeted by the login screen.

Visual Studio Code plugins​

It is very important that you disable the Vetur extension, because it is not compatible with Vue3.

Instead, use the extensions that are recommended in the extensions.json file:

"vue.volar",
"vue.vscode-typescript-vue-plugin",
"dbaeumer.vscode-eslint",
"esbenp.prettier-vscode",
"bradlc.vscode-tailwindcss"

Local development​

In this pre-configured skeleton branch, there are 3 files changed in order to make the local development (with a local qore directory) work:

  • vite.config.ts
  • tsconfig.app.json
  • tailwind.config.js

Read the comments inside each file in order to see what is added and can be removed later on when qore is installed via NPM.