Module 1: Fundamenten1.2: Visuele werkruimte

1.2: Visuele werkruimte

In een kale terminal werk je een beetje blind: Claude leest en bewerkt bestanden, maar jij ziet ze niet. Deze les lost dat op. Je zet een werkruimte op waarin je bestanden, editor en Claude naast elkaar staan.

  • Tijd: 15 min

Interactieve les: draai /start-1-2 in Claude Code

De werkruimte: editor + terminal

Je hebt een code-editor nodig om bestanden visueel te zien. Twee gratis aanraders:

EditorDownloadOpmerking
VS Codecode.visualstudio.comDe klassieker, werkt out of the box
Cursorcursor.comOpent soms in “Agents”-weergave, klik linksboven op Editor om je bestanden te zien

Een code-editor is geen “programmeursgereedschap”. Het is gewoon een nette manier om allerlei documenten te bekijken en te bewerken. De ingebouwde AI-functies staan los van Claude Code en heb je hier niet nodig.

De split-screen opzetten

  1. Open je editor en kies Bestand → Map openen (File → Open Folder). Navigeer naar je cursusmap.
  2. Open de terminal ín de editor: druk Ctrl + ` (de backtick-toets, links boven Tab) of ga via Beeld → Terminal.
  3. Typ claude in dat paneel en druk op Enter.
  4. Pik de les weer op met /start-1-2.

Nu heb je het ideale plaatje: je bestanden in de zijbalk, en Claude in de terminal eronder. Je ziet voortaan wat er gebeurt terwíjl je werkt.

Op Mac kan Claude de map meteen openen met open -a "Visual Studio Code" "[map]". Op Windows open je de map handmatig via Bestand → Map openen.

Markdown bekijken

De cursus draait grotendeels op markdown (.md)-bestanden: een courante, clean documentstandaard waar taalmodellen dol op zijn. Bekijk een .md-bestand mooi opgemaakt met Voorbeeld-modus: rechtsklik op het bestand en kies Open Preview, of druk Ctrl + Shift + V.

Wat je geërfd hebt

Even oriënteren in de cursusmap. De hoofdmappen:

  • bedrijfscontext/, de nette kant: wie je bent en wat de studio doet
  • geerfde-chaos/, de rommel van de vorige manager (notities, klantfeedback, oude campagnes, concurrentie-onderzoek, ruwe data)
  • templates/, herbruikbare sjablonen
  • bijlagen/, o.a. de Stroom Pas-flyer

Best practices

  • Vraag Claude om een mappenstructuur in ASCII-boom te tonen wanneer je een nieuw project erft.
  • Laat een hele map in één keer samenvatten in plaats van bestanden los te openen.
  • Zie je geen bestanden in Cursor? Je staat waarschijnlijk in “Agents”-weergave, klik linksboven op Editor.

Wat nu

1.3: Werken met bestanden →, het @-symbool en de 5 patronen om met bestanden te werken.

1.1: Welkom1.3: Werken met bestanden