I was originally converting SASS to CSS using external gulpfile.js to watch *.scss files and convert with gulp-sass and gulp-watch. I then found out that WebStorm has a built-in watch capability that is more powerful than gulp-watch.

gulp-watch

CONs

• You have to run the command-line manually and keep it open everytime you restart working on the project.
• If you make an error in CSS syntax, it will halt the watch routine and your file wont be updated anymore, even if you fix the error. For example if you write background: src(user128x128.png) and forget the single quotes, it will halt with

  [19:05:01] base.scss was changed stream.js:94 throw er; // Unhandled stream error in pipe. ^ Error: stdin:31: error reading values after user128x128

PROs

• It is free

The post SASS files (.scss) to CSS watcher in WebStorm appeared first on Techy Things.

WebStorm is quite a different editor than Visual Studio. For one thing it saves automatically files after you make changes. There is no save button ! This can be good or anoying..  I guess it was the preference of the original creator.

Another very annoying thing is the tab size and indentation. Not only it does not auto-detect your current file / project tab size and auto-indent as soon as you write a closing }, and you cannot even hit Ctrl-Z to step backward just the indentation step : it also removes the } you wrote - meaning there is no way to write a closing } without doing the auto-indentation reformating - unless you disable the feature competely :

Disable auto-indent

File | Settings | (IDE Settings) Editor | SmartKeys > Reformat block on typing '}'

The post How to stop auto-indent on WebStorm IDE appeared first on Techy Things.