Programma's & Tools

Handige programma's en gereedschappen

Microsoft Visual Studio Code - visueel programmeer programma

Microsoft Visual Studio Code is er in een gratis en betaalde versie en een veel gebruikte programmeer applictatie geschikt voor zowel Windows, MAC alsook Linux besturingssysteem.

Inleiding Microsoft Visual Studio Code

Microsoft Visual Studio Code

Mocrosoft Visual Studio is verkrijgbaar in zowel een betaalde alsook gratis versie! Er zijn een aantral varianten te downloaden zoals, Visual Studio IDE, Visual Studio voor MAC, Visual Studio App Center en Visual Studio Code. Er zijn ook verschillende betaalde versies verkrijgbaar waaronder ook subscriptions met toegang tot trainingen, software, tools, support via het Microsoft development platform. In onderstaand artikel zal ik de Windows versie beschrijven.

Een van de voordelen van Visual Studio Code is dat je het programma kunt gebruiken voor o.a. CSS, HTML, en PHP programmeercode. Dit zijn de programmeercodetalen die binnen Joomla gebruikt worden.
Het is een editor die aan de hand van kleuren de broncode van bestanden helder weergeeft. Als je typt dan komen er al suggesties van programmeercode beschikbaar, dit vereenvoudigd het programmeren en voorkomt typefouten. Zelf gebruikt ik het ook voor het editen van yaml files voor mijn home automation platform Home Assistant, maar ook voor het aanpassen van CSS of PHP bestanden.

Stappen Microsoft Visual Studio Code installeren in Windows

  1. Download Visual Studio Code van de website.
  2. Open het bestand en volgd de installatie stappen.
  3. Nadat je Visual Studio Code geinstalleerd hebt, druk je op de Windows toets en type Visual in
  4. Klik op de optie Visual Studio Code om het programma op te starten.
  5. Via +New File kun je een nieuw bestand aanmaken en je krijgt in de editor een optie om een programmeertaal te kiezen. Select a Language 
  6. Kies dan bijvoorbeeld de optie CSS, door eerst in het zoekveld de optie CSS in te typen.
  7. Je kunt ook bestaande CSS of PHP bestanden openen met Visual Studio Code door er een rechtermuisklik op te geven en dan Openen met te kiezen.

Door het gebruik van de kleuren is de code goed en overzichtelijk te lezen. Zie ook onderstaand voorbeeld van een CSS bestand. Klik op de afbeelding voor een vergroting.

Screenhost met voorbeeld css bestand Microsoft Visual Studio Code

Hieronder tref je meer informatie aan over Visual Studio Code.

Meer informatie

Website Visual Studio: Visual Studio: IDE and Code Editor for Software Developers and Teams (microsoft.com) 
Download Visual Studio: Visual Studio Products - Visual Studio (microsoft.com)
Leerplatform: Get Started with Visual Studio Code
YouTube Channel Visual StudioLink naar YouTube Kanaal Visual Studio Code

Terug naar het overzicht

 

Delen op social media?
We use cookies

Wij gebruiken cookies op onze web site. Sommigen zijn essentieel voor het correct functioneren van de site, terwijl anderen ons helpen om de site en gebruikerservaring te verbeteren (tracking cookies). U kan zelf kiezen of u deze cookies wil toestaan of niet. Let op dat als u onze cookies weigert mogelijk niet alle functies van de site beschikbaar zijn.