Skip to content

Local Dev Environment

Thimo edited this page Mar 14, 2023 · 3 revisions

Local Dev Environment

Code editor

Als code editor gebruik ik 'Visual Studio Code' van Microsoft. Ik heb deze code editor ook bij eerdere programmeervakken gebruikt omdat deze aanbevolen wordt vanwege het grote aantal functies binnen de editor en omdat ik het een fijne code editor vind.

Aanpassingen code editor

Voorheen had ik geen thema gebruikt in de code editor omdat ik de standaard kleuren wel prima vond. Ik heb wat meer onderzoek gedaan en kwam toen het thema van 'One Dark Pro' tegen waarvan ik het thema er wel prettig uit vond zien. De kleuren zijn niet te extreem of apart en geven er alsnog een rustige uitstraling aan waarbij de verschillende elementen van de code ook makkelijk te onderscheiden zijn. Hieronder de voorbeeld van het thema in de volgorde HTML, CSS en Javascript. voorbeeld-thema2 voorbeeld-thema3 voorbeeld-thema

Extensions

In 'Visual Studio Code' is het ook erg makkelijk om plugins te installeren wat ook in de editor is ingebouwd. Hiermee kun je gemakkelijk populaire extensies downloaden en gebruiken in je editor. Ik heb de volgende extensies geïnstalleerd in de editor:

  • Live Server, dit maakt het gemakkelijk om live je aanpassingen te bekijken.
  • Color Highlight, zo krijg je een visuele feedback van kleurencodes die je in CSS gebruikt.
  • Github Copilot, hiermee kan je gemakkelijk code voorbeelden krijgen in real-time.
  • Intellicode, hiermee kun je voorbeelden krijgen van API's waarmee je verbinding kunt maken.

Custom files

Ik heb geen custom dotfiles anders dan een .prettierignore en een .eslintignore waarin staat welke files er niet hoeven te worden gecheckt voor de linter en formatter. Ook heb ik geen veranderingen gedaan aan de settings.json van de code editor.

Later in het project heb ik wel een .env toegevoegd waarin ik belangrijke informatie zet die niet naar github moet worden gepushed zoals de URI van de database.

CLI

Voor de Command Line Interface gebruik ik Powershell van windows zelf wat fijn werkt en waaraan ik verder geen persoonlijke aanpassingen heb gedaan zoals thema's. Ook gebruik ik de terminal in VS Code wanneer ik bijvoorbeeld een run script heb lopen in Powershell en een npm package wil installeren of een andere commando wil uitvoeren.