Ide configureren

Je kan natuurlijk elke keer dat je aan de slag gaat met SASS of met LESS de compiler starten met iets als --watch maar zelfs dat wordt omslachtig na verloop van tijd. De meeste IDE's hebben manieren om dit nog wat makkelijker voor je te maken.

Visual Studio Code

In Visual Studio Code kun je verschillende extensies installeren die helpen bij het schrijven van SASS of LESS-code. Open Visual Studio Code, en ga naar je "Extensions" settings Ctrl + Shift + X. Zoek bijvoorbeeld op SASS en een aantal handige plugins worden weergegeven. Live Sass Compiler en Sass (.sass only) zijn handige plugins. De live sass compiler moet je eenmalig instellen, je moet even opgeven welk bestand er gecompileerd moet worden en waar de output heen moet. De Sass (.sass only) plugin helpt je bij het schrijven van je Sass code.

PHP storm

In PHP storm is SASS syntax highlighting standaard al aanwezig. Voor het compilen kun je het beste gebruik maken van een file watcher. Via de instellingen van PHP storm kun je opgeven dat er een script moet worden uitgevoerd wanneer bepaalde bestanden worden aangepast. Hiermee kun je van alles automatiseren waaronder natuurlijk dus ook het compilen van sass code.

Navigatie

« Mixins Een paar vragen »