Sass 3 Notepad++ User-Defined syntax highlighting
I know it isn't perfect (yet), so feel free to share, edit or extend this file. But it'll be nice if you keep me updated (in the comments)!So to use this go in Notepad++ to view->user-defined dialog... then choose import and import this XML file, here your can also change the colors if you don't like mine.
Also if you like to have autocomplete, go to your Notepad++ folder then to /plugins/APIs/ and duplicate the css.xml. Rename this file to scss.xml.
Have fun! Download the file below.
Download SCSS syntax highlighting file
As a bonus i created a *.bat file to watch create a watch with a keyboard shortcut in Notepad++ (via the run menu). Just create a .bat file with something like this:
cd c:\xampp\htdocs\ sass --watch your/sass/folder:your/css/folder --style compressed
So first navigate to your root, in this case my htdocs folder, then create the watch: first folder is your sass folder, second folder is your css folder (seperated by the ':' sign). I also used a compression. The watch creates a .sass-cache folder in the root, so be sure to navigate to a folder where that's no problem (no version control).
Now save the .bat file and run it with Notepad++ (F5), if it's working, you could save the Run and create a keyboard shortcut (press save in the run screen).
(ps. I just started using Sass and i would recommend it to every frontend webdeveloper)
Comments [9]