Je eerste commando's via de terminal

De terminal workflow is direct en krachtig. Je typt wat je wilt, Claude reageert met output, je keurt goed of af. Geen GUI, geen afleiding, gewoon efficiënt werken.

De basis workflow

Open je terminal en navigeer naar een project directory:

cd ~/Projecten/test-project

Nog geen project? Maak er dan één aan:

mkdir ~/Projecten/claude-test
cd ~/Projecten/claude-test

Nu kun je Claude commando's geven. De basis syntax is:

claude "jouw opdracht hier"

Je eerste opdracht: Bestanden lezen

Laten we beginnen met iets simpels:

claude "Lees het README.md bestand en vertel me waar dit project over gaat"

Output die je ziet:

Reading README.md...

This project appears to be about [Claude's samenvatting hier]

Would you like me to:
- Create a more detailed README
- Add documentation
- Set up project structure

Claude leest automatisch het bestand, analyseert het, en geeft suggesties. Geen handmatig cat README.md nodig.

Geen README.md? Vraag Claude er dan één te maken:

claude "Maak een README.md bestand voor een nieuw project over recepten delen"

Bestanden laten schrijven

Nu gaan we Claude code laten schrijven:

claude "Maak een simpel HTML bestand met een homepage voor een receptensite. Gebruik moderne, speelse styling met inline CSS."

Claude's response:

I'll create a simple HTML homepage for a recipe site.

[File: index.html]
<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <title>Oma's Recepten</title>
    <style>
        /* CSS code hier */
    </style>
</head>
...
</html>

Create this file? (y/n):

Claude laat de volledige code zien en vraagt om bevestiging.

Type y en druk Enter.

Het bestand wordt aangemaakt. Je kunt het direct openen:

open index.html      # Mac
start index.html     # Windows
xdg-open index.html  # Linux

Bestanden aanpassen

Laten we de pagina veranderen:

claude "Voeg een header toe met de titel 'Oma's Recepten' en maak de achtergrondkleur iets warmer (beige/cream tint)"

Nu zie je een diff:

I'll update the HTML with a header and warmer background color.

--- index.html
+++ index.html
@@ -8,7 +8,8 @@
     <style>
         body {
             font-family: 'Arial', sans-serif;
-            background-color: #f5f5f5;
+            background-color: #f5f0e8;
             margin: 0;
             padding: 0;
         }
+        header {

Apply these changes? (y/n):

De diff lezen:

- (min) = verwijderde regel (rood in terminal met kleur)
+ (plus) = toegevoegde regel (groen in terminal met kleur)
@@ -8,7 +8,8 @@ = regel nummers (technische info, mag je negeren)

Dit is de kracht van de terminal workflow: je ziet precies wat er verandert voordat je akkoord gaat.

Type y en druk Enter.

Het bestand wordt aangepast. Ververs je browser (F5) en je ziet de wijzigingen.

Meerdere bestanden tegelijk

Claude kan ook met meerdere bestanden werken:

claude "Maak een apart CSS bestand voor de styling en link het in de HTML. Voeg ook een JavaScript bestand toe met een simpele alert bij het laden van de pagina."

Output:

I'll refactor the code into separate files.

[New file: styles.css]
body {
    font-family: 'Arial', sans-serif;
    ...
}

[New file: script.js]
window.addEventListener('load', () => {
    alert('Welkom bij Oma\'s Recepten!');
});

[Modified: index.html]
--- index.html
+++ index.html
@@ -3,20 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <title>Oma's Recepten</title>
-    <style>
-        /* oude CSS hier */
-    </style>
+    <link rel="stylesheet" href="styles.css">
+    <script src="script.js"></script>
 </head>

Apply all changes? (y/n):

Type y voor alle wijzigingen tegelijk.

Drie bestanden in één commando. Check wat er gebeurd is:

ls

Output:

index.html    script.js    styles.css

Interactieve mode

Voor langere sessies kun je de interactieve mode gebruiken:

claude

Nu krijg je een persistente prompt:

Claude Code (interactive mode)
Type 'exit' to quit, 'help' for commands

>

Hier kun je commando's achter elkaar geven zonder steeds claude te typen:

> Maak een contact.html pagina
[Claude maakt het bestand]

> Voeg een formulier toe met naam, email en bericht velden
[Claude past de pagina aan]

> Stylen met CSS die matcht met de homepage
[Claude past styles.css aan]

> exit

Dit is handig voor iteratief werken aan één feature.

Bestanden bekijken

Wil je even checken wat Claude heeft gemaakt? Gebruik gewone terminal commando's:

# Toon volledige bestand
cat index.html

# Eerste 20 regels
head -20 styles.css

# Laatste 10 regels
tail -10 script.js

# Open in je editor
vim index.html    # of nano, of code, of wat je gebruikt

Claude Code speelt perfect samen met je normale workflow.

Vragen stellen over code

Je hoeft niet alleen maar code te laten maken:

claude "Leg uit hoe de CSS flexbox layout in styles.css werkt"

Output:

Let me read styles.css and explain the flexbox layout...

[Gedetailleerde uitleg met verwijzingen naar specifieke regels]

The flexbox container is defined on line 23 with display: flex,
which enables flexible box layout...

Perfect voor leren. Je bouwt iets, en Claude helpt je begrijpen hoe het werkt.

Wijzigingen afwijzen

Soms wil je een wijziging niet accepteren. Type gewoon n:

claude "Verander de achtergrondkleur naar felroze"

Output:

[diff met roze achtergrond]

Apply these changes? (y/n):

Type n

Changes rejected. The file remains unchanged.

Geen schade gedaan. Het bestand blijft zoals het was.

Context behouden

Claude onthoudt de context binnen één sessie. Dit werkt:

claude "Maak een homepage voor een receptensite"
# [bestand wordt gemaakt]

claude "Voeg er een navigatiemenu aan toe"
# Claude weet dat je het over index.html hebt

claude "Maak de kleuren iets donkerder"
# Claude past de recente wijzigingen aan

Nieuwe sessie starten:

Gewoon een nieuw terminal venster openen, of naar een andere directory gaan. Elke directory/sessie heeft zijn eigen context.

Output opslaan

Wil je Claude's uitleg bewaren? Gebruik output redirection:

claude "Leg uit hoe deze HTML werkt" > uitleg.txt

Of append aan een bestaand bestand:

claude "Wat doet deze JavaScript functie?" >> notities.txt

Dit is handig voor documentatie of later nalezen.

Wat je nu hebt geleerd

Je weet nu hoe je:

Claude commando's geeft via de terminal
Bestanden laat maken en aanpassen
Diffs leest en interpreteert
Wijzigingen accepteert (y) of afwijst (n)
Interactieve mode gebruikt voor langere sessies
Context behoudt binnen één sessie
Claude's output combineert met normale terminal commando's

In de volgende module bouw je een compleet project van A tot Z via de terminal. Je leert complexere opdrachten geven, iteratief werken, en efficiënt navigeren door je workflow.

Terminal workflow tips

Gebruik arrow keys:

Arrow up = vorig commando herhalen
Handig voor kleine aanpassingen aan je prompt

Alias voor snelheid: Voeg toe aan je ~/.bashrc of ~/.zshrc:

alias c="claude"
alias ci="claude"  # interactive mode

Nu kun je gewoon c "maak een bestand" typen.

Pipe output naar Claude:

cat error.log | claude "Leg uit wat deze errors betekenen"

Claude kan stdin lezen en analyseren.

Combineer met git:

git diff | claude "Review deze wijzigingen en geef feedback"

Instant code review op je uncommitted changes.

Screen/tmux voor lange sessies:

screen -S claude
claude  # interactive mode
# Ctrl+A, D om te detachen
# screen -r claude om terug te keren

Je Claude sessie blijft draaien, zelfs als je terminal sluit.

Dus experimenteer, combineer met je bestaande tools, en bouw je eigen efficiënte workflow. De terminal is krachtig, en Claude Code maakt het nog krachtiger.