# Phoenix Editor

### Wat is een code editor?

Stel je voor: je wilt een verhaal schrijven. Dan gebruik je <span class="s1">**Word**</span> of <span class="s1">**Google Docs**</span> om netjes tekst te typen.

Een <span class="s1">**code editor**</span> is eigenlijk hetzelfde, maar dan speciaal gemaakt om <span class="s1">**computerprogramma’s te schrijven**</span>.

Dus kort gezegd: een code editor is het “*Word voor programmeurs*”, gemaakt om programma’s en websites te bouwen.

### Phoenix

Je kunt de Phoenix editor downloaden of online gebruiken.

Wij gebruiken de online editor.

- Ga naar [https://phoenixcode.dev](https://phcode.dev/)
- Klik op**File - StartProject** en kies **HTML5 project**.
- Kies **Select Folder** (dit is de plaats waar jouw code komt te staan)
- Geef de browser toestemming om bestanden te kunnen lezen (**view files**).
- Druk op **Create Project**

##### Verwijder de standaard bestanden

Je aan de linker kant van het scherm een overizhct van (4) bestanden. Dit is een soort voorbeeld project. Je kan de bestanden weggooien. **Rechter-muis-delete**

![image.png](https://roc.ovh/uploads/images/gallery/2025-08/scaled-1680-/image.png)

##### Maak nieuw bestand

Als alle bestanden weg zijn dan maak je met **rechter-muis-new fil**e Noem het bestand *stoplicht.html.*

*👉 Ga snel verder [met ](https://roc.ovh/books/introductie/page/stap-0-starting-up)*[*stap 0.*](https://roc.ovh/books/introductie/page/stap-0-starting-up)

\--