scss-compiler: A SCSS Compiler for Atom
scss-compiler is based on sass Ruby gem. This project is forked from rehrumesh's atom-sass project, and this project draws the majority of the code from that project. Most of this work in rehrumesh's atom-sass project is based on GomatoX's sass-compile project. Huge thanks to both of them for coming up with the initial projects.
Where do the compiled files go?
This was one reason why I forked the original repo. In this project, proper organization will mean that your .scss file should be in a directory, preferably named sass or scss, and the compiler will go to the parent folder and put the compiled .css file in a folder named css in the parent directory. In other words, it should look like this:
parent-folder:
↳ sass
↳ files to be compiled
↳ css
↳ location of compiled files
Dependencies
- Sass Ruby gem https://rubygems.org/gems/sass/versions/3.4.22
To install this dependency, execute gem install sass
Installation
Use atom package manager to install atom-sass.
apm install scss-compiler
Usage
- Open the editor.
- If you have already installed the package, it should begin automatically. You should see the green notification
Now watching for SASS files. If you do not, or if you have just installed the package, you may have to do one of the following:- reload the editor:
ctrl+shift+F5 - start the compiler:
Packages -> SCSS Compiler -> Start CompilerORctrl+alt+c
- reload the editor:
- If you have already installed the package, it should begin automatically. You should see the green notification
- When editing
.scssfiles, whenever you save a changed file, a compiled one should appear.