Skip to content

Werkomgeving

Startproject aanmaken

Het startproject kun je via de Git-tool op Brightspace voor jezelf aanmaken. Dit kan pas nadat je jezelf via de Course Selector hebt ingeschreven voor “Propedeuse SE - semester 1”.

Let op dat Dokkie twee startprojecten heeft:

  • 2025 - 2026: Dokkie (zelfstandig), voor tijdens Sprint 1. Hier werk je zelfstandig aan.
  • 2025 - 2026: Dokkie (duo’s), voor tijdens Sprint 2 en verder. Hier werk je in duo’s aan.

Tijdens Sprint 1 maak je dus een startproject voor enkel jezelf aan, vanaf Sprint 2 doet jij of je teamgenoot dat eenmalig voor jullie gezamenlijke project.

Startproject in gebruik nemen

De onderstaande stappen zijn generiek en gelden voor beide startprojecten, zeer waarschijnlijk heb je een aantal van deze stappen al gedaan tijdens de Profielpagina opdracht.

  1. Installeer Visual Studio Code, deze kun je hier downloaden.

  2. Installeer de volgende plugins voor Visual Studio Code. Dit kan via de browser, of vanuit Visual Studio Code zelf in de Extensions sectie van de linker menubalk:

  3. Installeer NodeJS, deze kun je voor jouw systeem downloaden via https://nodejs.org/en/download/prebuilt-installer.

    • Let op! Installeer versie 22.x.x!

  4. Installeer Git, voor uitleg zie de HBO-ICT Knowledgebase.

  5. Configureer Git, voor uitleg zie de HBO-ICT Knowledgebase.

  6. Maak een SSH key aan en koppel deze aan GitLab, voor uitleg zie de HBO-ICT Knowledgebase.

  7. Clone dit project met Git naar je computer, dit kan je via de terminal doen met een git clone commando, vanuit Visual Studio Code zelf of met een visueel programma als Fork.

  8. Open na het clonen de map in Visual Studio Code met File > Open Folder....

  9. Ga in de menubalk naar View > Open View... en zoek naar “NPM”. Als je nu in de Explorer sectie van de linker menubalk op de package.json klikt, krijg je een extra paneel erbij met de naam “NPM Scripts”.

  10. In het “NPM Scripts”-paneel, klik met rechts op package.json en klik op Run Install, of voer handmatig npm install in een terminal uit.

  11. Start de applicatie. Klik nu op de pijl achter dev onder package.json, of voer handmatig npm run dev vanuit de juiste map in een terminal uit.

    • Via de build tool Vite wordt er een lokale server opgestart. Als je de URL uit de terminal (als het goed is: http://127.0.0.1:3000) in de browser opent, zie je een startpagina met een simpele navigatie.