De afgelopen jaren heeft het gebied van AI-ondersteunde programmering snelle vooruitgang geboekt, met verschillende softwaretools die elkaar opvolgen. Van GitHub Copilot tot ChatGPT, Claude, Cursor en anderen, heb je misschien al enkele van deze tools ervaren. Onlangs heeft dit gebied een belangrijke nieuwkomer toegejuicht: de Windsurf AI Editor. De Windsurf AI Editor streeft ernaar een magische ervaring te bieden, die doet denken aan de verbazing die je voelde toen je ChatGPT voor het eerst gebruikte. Dit artikel gaat in op de verschillende aspecten van de Windsurf AI Editor, waaronder de belangrijkste productfuncties, gebruiksinstructies, praktijkvoorbeelden en best practices.
Wat is de Windsurf AI Editor en wat kan het doen?
Windsurf is een code-editor die is geïntegreerd met AI-mogelijkheden, of zoals de oprichters het beschrijven, de wereldwijd eerste agentische IDE. Gebaseerd op de open-source VS Code-editor, ondersteunt de Windsurf AI Editor alle programmeertalen die VS Code ondersteunt en is het compatibel met het VS Code-pluginecosysteem. Het maakt gebruik van grote modellen zoals OpenAI's GPT 4o en Claude 3.5 Sonnet om zijn kern-AI-mogelijkheden te bieden. Daarnaast hebben ze hun eigen Cascade Base en Codeium Fast modellen ontwikkeld, waardoor gebruikers een verscheidenheid aan keuzes hebben.
De belangrijkste functies van Windsurf omvatten automatische code-aanvulling, AI-gestuurde codegeneratie met diepgaande contextbewustzijn en de mogelijkheid om automatisch meerstapsoperaties uit te voeren, zoals een AI-agent, om complexe problemen op te lossen. Het oprichtende team hoopt dat Windsurf naadloos kan samenwerken met ontwikkelaars zoals Copilot, zonder ze in de schaduw te zetten, terwijl het ook de mogelijkheid heeft om complexe problemen onafhankelijk op te lossen, zoals een AI-agent. Ze verwijzen naar deze ervaring als "Flows", met als doel ontwikkelaars een soepele en naadloze ervaring te bieden.
Belangrijkste functies
- Cascade AI Assistant: Cascade heeft AI-agentmogelijkheden, analyseert en ontleedt automatisch uw commando's terwijl het de code van het project scant om complexe taken stap voor stap uit te voeren.
- Autocomplete: Voorspelt automatisch de code die u gaat schrijven en voltooit deze met één toetsaanslag.
- Supercomplete: Biedt context- en intentiebewuste voorspellingen die niet alleen nieuwe code toevoegen, maar ook consistente aanpassingssuggesties bieden voor bestaande code.
- In-editor Chat: Kan worden gebruikt voor het uitleggen van kleine codefragmenten, refactoren, het genereren van opmerkingen of documentatie.
- Context Specificeren: U kunt
@
invoeren in Cascade om specifieke bestanden, mappen of codeblokken als context te selecteren voor meer nauwkeurige controle bij het chatten met AI. - Diepgaand Contextbewustzijn: Windsurf integreert Codeium's jarenlange onderzoekservaring op dit gebied, waardoor diep scannen en begrijpen van de codebase mogelijk is om effectievere uitvoer en suggesties te bieden.
- Suggesties voor opdrachtregelbewerkingen: Vraagt u automatisch om gerelateerde opdrachtregelbewerkingen uit te voeren. Als u bijvoorbeeld Windsurf vraagt om een functie te voltooien die derdenafhankelijkheden vereist, zal het de relevante bestanden aanpassen en u vragen om de opdracht uit te voeren om de afhankelijkheden te installeren, waarbij u alleen een bevestiging hoeft te geven.
- Meerbestandsbewerking: Maakt het mogelijk om meerdere bestanden tegelijkertijd aan te passen terwijl de consistentie van de aanpassingen wordt gegarandeerd.
- CodeLenses: Toont snelle acties zoals Uitleggen, Refactoren, Docstring Toevoegen in de broodkruimelnavigatie bovenaan voor eenvoudige uitvoering met één klik.
- Terminal Chat: Gebruik de Chat-functie in de opdrachtregel om AI klaar-om-uit-te-voeren opdrachten te laten genereren, zodat u geen moeite hoeft te doen om ze zelf te schrijven of zoekmachines te gebruiken.
Uitgebreide functieoverzicht
Overzicht van Cascade
Cascade is de naam van Windsurf's AI-assistent. Het beschikt over diepgaande begripvaardigheid van de codebase, geavanceerde ingebouwde toolgebruiksmogelijkheden en realtime gebruikersintentie-inzicht. Door deze gecombineerde mogelijkheden streeft Cascade ernaar ontwikkelaars een natuurlijke en soepele ervaring te bieden.
Klik op het Cascade-pictogram in de rechterbovenhoek van de Windsurf-editorwerkbalk om het Cascade-venster te openen, zoals hieronder weergegeven.

Cascade werkt voornamelijk in twee modi: Chat Mode en Write Mode, zoals hieronder weergegeven:

Write Mode

Chat Mode
Klik op het pictogram boven Write/Chat with Cascade om tussen de twee modi te schakelen. U kunt ook op de schakelknop onder het chatvenster klikken of sneltoetsen gebruiken om te schakelen. (Ctrl + . voor Windows, ⌘ + . voor Mac)

In Write Mode kan Cascade bewerkingen uitvoeren zoals het aanpassen van code, bestaande bestanden bewerken en nieuwe bestanden toevoegen, geschikt voor taken met betrekking tot het schrijven van code.
In Chat Mode reageert Cascade alleen in het chatvenster zonder direct bestanden aan te passen, geschikt voor het stellen van vragen die niet direct met de code zelf te maken hebben of wanneer u niet wilt dat Cascade de code direct aanpast.
Cascade's Diepgaand Contextbewustzijn
Cascade's diepgaande contextbewustzijn is afkomstig van de jarenlange onderzoekservaring die het oprichtende team van Windsurf, Codeium, op dit gebied heeft opgedaan. Door diepgaand contextbewustzijn kan Cascade, zelfs in productieomgevingen met grote codebases, resultaten en suggesties genereren op basis van relevante code in het project, in plaats van alleen te vertrouwen op zijn eigen kennisbasis.
Hieronder is een video-voorbeeld te zien. Uit het voorbeeld blijkt dat Cascade de taken die het tegenkomt analyseert als een AI-agent en stap voor stap operaties uitvoert, eerst de inhoud identificeert die gerelateerd is aan de huidige taak in het project en vervolgens de eisen stap voor stap uitvoert.
Cascade's Automatische Opdrachtregelbewerking Suggesties
Tijdens het schrijven van code als een AI-agent met Cascade, als wordt gevonden dat bepaalde opdrachtregelbewerkingen moeten worden uitgevoerd om normaal verder te kunnen gaan, zal Cascade u direct de opdracht geven om uit te voeren in het chatvenster en uw toestemming vragen. U hoeft alleen te klikken om de uitvoering te bevestigen, waarna Cascade verder kan gaan en automatisch de resultaten na uitvoering leest en de volgende stap uitvoert op basis van de resultaten.
Cascade's Realtime Diepgaand Intentie-inzicht
Over het algemeen hebben we niet 100% van de tijd AI-assistentie nodig bij het schrijven van code. Vaak schrijven we misschien een beetje zelf, dan krijgen we wat hulp van AI, en vervolgens voltooien we wat logica zelf. Als AI-ondersteunde programmeringstools niet zijn geoptimaliseerd voor deze situatie, kunnen ze mogelijk niet betere resultaten opleveren vanwege een gebrek aan context. Windsurf heeft Cascade uitgerust met krachtige redeneervermogen, gecombineerd met diepgaande analyse van gebruikersintentie op basis van huidige bewerkingen. Wanneer u Cascade's hulp nodig heeft, kan Cascade altijd nauwkeuriger begrijpen wat u wilt doen. Dit kan u in veel gevallen tijd besparen, waardoor u niet hoeft te herhalen wat u net deed en wat u vervolgens wilt doen. Natuurlijk is het altijd goed om AI duidelijkere eisen te stellen, maar soms als u wat moeite kunt besparen, is dat dan niet beter?
Cascade's Meerbestandsbewerking
Voor eenvoudige taken is het vaak voldoende om code in één bestand te schrijven en aan te passen. Voor complexere taken moeten echter vaak meerdere bestanden en verschillende typen bestanden worden aangepast. Voor AI-ondersteunde programmeringstools is het niet alleen nodig om te weten welke bestanden tegelijkertijd moeten worden aangepast, maar ook om ervoor te zorgen dat aanpassingen over verschillende bestanden consistent en wederzijds responsief zijn. Cascade kan dit goed doen met zijn diepgaande contextbewustzijn en de mogelijkheid om taken stap voor stap uit te voeren als een AI-agent.
Auto-completion
De auto-completion-functie kan de code die u gaat schrijven voorspellen, niet alleen enkele regels code, maar ook grote segmenten voorspellende code genereren. Voordat Windsurf werd geboren, had Codeium al enkele jaren ervaring opgedaan op dit gebied, en nu is deze mogelijkheid direct ingebouwd in de Windsurf-editor.

Super Auto-completion
Waarom super auto-completion als er al auto-completion is? Omdat auto-completion een "alleen-toevoegen"-type voorspelling is, helpt het alleen bij het voorspellen van de code die u gaat toevoegen. Super auto-completion kan echter ook gerelateerde codeaanpassingen voorspellen terwijl u code schrijft of aanpast. Als u bijvoorbeeld een veldnaam wijzigt, kan super auto-completion automatisch alle plaatsen detecteren waar deze variabelenaam wordt gebruikt en suggesties doen voor aanpassingen. U hoeft alleen op de Tab-toets te drukken om deze te accepteren. De timing van super auto-completion wordt intelligent voorspeld door Windsurf op basis van context en wordt automatisch geactiveerd wanneer bepaalde voorwaarden worden vervuld. Veelvoorkomende scenario's die het activeren zijn, naast het bovenstaande voorbeeld, het wijzigen van type-definities, het corrigeren van spelfouten en mogelijk het binden van eventhandlers aan formulieren.

In-editor Chat-assistentie
U kunt een inline chatvenster openen op elke positie in de editor rechtstreeks via een sneltoets (Ctrl + I voor Windows, ⌘ + I voor Mac).
Als alternatief, wanneer u een stuk code selecteert, verschijnt er automatisch een bubbelprompt naast de geselecteerde code.

Command-line AI Chat
Naast het gebruik van AI-assistentie bij het schrijven van code, kunt u AI ook gebruiken om enkele vergeten opdrachtregelbewerkingen te genereren tijdens opdrachtregelbewerkingen, zodat u geen moeite hoeft te doen om informatie op te zoeken. Een vriendelijke herinnering: AI-gegenereerde opdrachten kunnen ook fouten bevatten, dus zorg ervoor dat u ze bevestigt voordat u ze uitvoert.

Code Lens
Bovenaan de menubalk bevinden zich knoppen voor veelvoorkomende bewerkingen, zoals het uitleggen van code, refactoren en het toevoegen van documentopmerkingen, die met één klik kunnen worden uitgevoerd.


Veelgestelde vragen
Hoe verschilt Windsurf van andere AI-code-editors (zoals Cursor, Cognition)?
Ze zijn allemaal AI-ondersteunde programmeringssoftware, maar er zijn verschillen in productvorm en bruikbaarheid.
Cognition (Devin), bijvoorbeeld, is onafhankelijk van de IDE en is meer geneigd om AI onafhankelijk complexe grote taken uit te laten voeren in plaats van realtime samenwerking met ontwikkelaars.
In vergelijking met Cursor kan Cursor's Composer ook complexe taken uitvoeren als een AI-agent, maar Cursor heeft nog geen grote promotie gehad. Op basis van de ervaring van de auteur, met Codeium's jarenlange accumulatie in diepgaande codecontextbegrip, heeft Windsurf mogelijk een voordeel bij het omgaan met complexe taken en grote codebases.
Is Windsurf gratis?
Codeium vermeldde op hun website dat ze verwachten dat gebruikers veel van Cascade's functies gratis kunnen gebruiken, maar vanwege kostenredenen zullen meer uitgebreide mogelijkheden alleen tegen betaling beschikbaar zijn. Er is echter een gratis proeftijd van twee weken voor nieuwe gebruikers om het eerst uit te proberen.