Skip to content

Text Editors

soofg edited this page Mar 9, 2021 · 8 revisions

the world of development tooling

Text Editors

Sublime Text

Sublime Text is een betaalde text editor die erg licht van gewicht is. Het heeft een heleboel handige functies om programmeurs te helpen productiever te zijn, zoals gesplitst bewerken, syntax highlighting, meerdere selecties, en aangepaste toetscombinaties. Door dat er snelkoppelingen en zoekhulpmiddelen beschikbaar zijn om onmiddellijk bepaalde functies te vinden en wijzigingen in meerdere regels tegelijk aan te brengen maaakt dit sublime text een slimme en tijdbesparende text editor. Sublime text heeft ook een ingebouwde extentions bibliotheek ( Python API ) waar je veel gebruik kan maken tijdens het werken.

Dit is de eerste keer dat ik een betaalde text editor zie, op de bron stond dat het $80 dollar kostte om gebruik te maken van sublime text. Ondanks dat er stond dat het niet systeemgebonden is vind ik het nog steeds erg prijzig. Ik heb het gevoel dat andere gratis text editors hetzelfde doen en misschien zelfs nog beter. Ik zou graag willen weten of er mee achter zit, maar dat kan jammer genoeg niet uittesten.

Brackets

Brackets is een text editor waarin je coderen en ingebouwde extensions kan downloaden. Brackets is heeft een live-preview functie waarin je je project makkelijk kunt bekijken zonder dat het online staat.

Ik gebruikte brackets eigenlijk voor dat ik voor dit blok visual studio code moest installeren. Ik was eigenlijk van plan om terug te keren naar brackets maar ik heb onlangs ondervonden dat brackets niet meer gesupport gaat worden door Adobe. Dus ik ben eigenlijk hard op zoek naar een nieuwe text editor. Wat ik fijn vind aan brackets is de clean layout, met visual studio code voelt het voor mij snel druk. De live-preview heb ik zo vaak kunnen gebruiken om te zien wat ik nou eigenlijk doe en je bent er meteen met een klik bij. Een extra pluspunt is dat je makkelijk projecten uit andere Adobe programma's kan

Visual Studio Code

Visual Studio Code is een en open source editor waarin je coderen en ook ingebouwde extensions kan downloaden. De extentions in visual studio code is veel uitgebreider dan bijvoorbeeld in brackets. Ingebouwde git commands waardoor je dus kan pushen naar een repository, niet of weinig andere text editors hebben dat. Je kan meteen debuggen in de text-editor zelf. De uitstraling komt professioneel over.

Na het lezen over Visual Studio Code snap ik wel dat dit een zeer populaire text-editor is, volgensmij moesten wij ook visual studio code gebruiken omdat dit de enige text-editor was waarmee je op een server en database kan werken om een website of applicatie te maken. Het voelt echt als een volle koffer die je meeneemt op vakantie, je hebt alles en je hebt niks anders nodig.


Text Editors Themes

Sublime Text Plugins
Met sublime text plugins worde de stijl van bijvoorbeeld: buttons,t abs, lists en de sidebar bepaald. Doormiddel van thema's. Het thema bestand is in JSON formaat en laat je regels en variabelen specificeren in eenvoudige JSON syntax. Door dit kan je dus je eigen persoonlijke ervaring creeeren.

Voorbeelden van zulke plugins zijn: Dracula, Gravity, Spacegray, One dark, Freesia etc.

Ik heb de Dracula Official plugin gedownload! Aangezien ik op het internet afbeeldingen heb kunnen zien van andere sublime plugins, hoefde ik niet meerdere plugins te downloaden. Het kleurenpalet van dracula past deels bij mij door de paarsachtige kleuren. 👾💜

Text Editor Settings

In mijn wiki het linkje Formatters & Linters had ik de ESLint linter uitgeprobeerd, hier had ik gebruik gemaakt van een settings.json waarmee ik doormiddel van dat bestand code erin stopte die ervoor zorgde dat ESLint automatisch de bugs en welichte errors hersteld als ik het bestand waarin ik werk opsla. Een hidden tool, waarvan er vast meerdere zijn die heel gunstig kunnen zijn

Bronnen
Text Themes
Text Editors
Gelezen bron:
Text Editor Settings
Text Editor Settings


Speciale message voor docent front-end, Alles wat onder de kopjes Research Javascript & Eloquent Javascript Book staat is voor het vak Front-end. En de twee losse pagina's Codeplan + wireframes en Progressive Enchanchment ook.

MatchingClothing👚

Research

Research Javascript [Front-end]

Eloquent Javascript Book [Front-end]

Attachments📎

Clone this wiki locally