local
Zelf heb ik tot nu toe met verschillende code editors gewerkt.
Namelijk:
- Dreamweaver
- Brackets
- Visual Studio Code
- PHP storm
Maar voor dit project ga ik Visual studio code gebruiken. De redenen hiervoor zijn dat het algemeen gebruikt wordt door CMD, ik zelf het programma fijn vind werken en je hier veel extensies kan installeren en gebruiken. Ik zat te twijfelen om PHP storm te gebruiken aangezien ik die heb gebruikt tijdens mijn stage. Maar dat was een groot project met enorm veel pagina's waarbij het handig was om makkelijk door de code heen te zoeken maar in dit geval heb ik toch weinig pagina's en gebruik ik geen PHP dus lijkt het me niet de verstandigste keuzen.
Het font wat ik ga gebruiken is het Google font Unbounded. Persoonlijk vond ik de look en feel van het font modern maar het heeft toch wel iets unieks door de boog die bij sommige letters voorkomt. Daarnaast heb ik voor vscode een thema geïnstalleerd zodat ik de kleuren prettiger vindt om mee te werken en naar te kijken dan de default kleuren. En natuurlijk kan ik de vscode-pets niet missen :)
Je kan natuurlijk niet coderen zonder de beste extensie die er bestaat. vscode-pets Het maakt het coderen een stuk leuker ook al vergeet je soms dat ze er zijn maar als je naar je diertjes kijkt wordt je er spontaan blij van. Of het me nou helpt met coderen is een andere vraag maar het is leuk om te hebben :)
Prettier vind ik heel handig aangezien het mijn code netjes zet. In Vscode heb je er ook een zitten door een toetscombinatie maar die vergeet ik steeds dus daarom is Prettier ideaal. Elke keer als ik save wordt mijn code netjes uitgelijnd. Eventueel zou ik ook nog extra aanpassingen kunnen maken zodat sommige onderdelen van mijn code anders worden geformatteerd.
Dit is gewoon zo handig met code. Het is een AI die als je typt je code aanraad die jij misschien wil gebruiken. Denk aan voor een h1 bij de css geeft die gelijk de optie van bold en kleur bijvoorbeeld en als je bezig bent met een functie maakt die hem zelf af als je er even niet meer uitkomt. Het antwoord is misschien niet altijd waar je naar opzoek bent maar als je vast loopt of je code makkelijker wil typen is het heel handig om te gebruiken.
De naam geeft het al weg als je een tag binnen je code wil veranderen dan zorgt deze extensie er gelijk voor dat het andere deel dus gelijk wordt aangepast. Dus inplaats van het handmatig aan beide kanten aan te passen en het verongeluk vergeten past die het gelijk bij beide kanten aan!
VScode maakt de EJS code steeds rood waardoor het heel naar kijkt. Maar door deze extensie herkent VScode de code en ziet het er goed uit.
Links in zonder de Extensie. En rechts is met de Extensie.
Deze etentje gebruik ik nu nog niet echt maar tijdens het team gedeelte lijkt deze mij ontzettend handig. Je kan hier namelijk mee inde HTMl op een element klikken en daarvan de css vinden. Als je veel en grote code bestanden heb kan het wel even duren voordat je de css heb gevonden die erbij hoort en dit maakt het een stuk makkelijker.
Van mezelf weet ik dat in ontzettend goed kan typen met allemaal fouten dus deze extensie maakt mijn leven een stuk makkelijker. Nu hoef ik niet meer bang te zijn dat ik woorden verkeerd aan het typen ben of grote spelfouten maak.