Change site style→

style-1 style-2
  1. nazenani
  2. >
  3. >
  4. >
  5. >
  6. Use sass-autocompile on Atom

Use sass-autocompile on Atom

Compile scss using sass-autocompile on Atom

How do we use sass-autocompile??

Initial setting

Install Node.js


confirm complete instration of it by command prompt./p>

Install node-sass

Install Ruby


Install sass and compass by Ruby command prompt

Caution!! Use Ruby command prompt, not Windows command prompt!

Install sass-autocompile on Atom

Install sass-autocompile from Atom setting. And do initial setting.

  • Choose “Compile with ‘extended’ output style”.
  • Set CSS file name “$1.css”.
  • Set indent.

Compile scss files.

Make work directories

Make folder for scss and css each other.
for example…

Root ——– css
       — scss

Creat scss files and script “// compileCompressed: ../css/$1.css” on first-line.
After install sass-autocompile, “+”mark and Window icon is appeared(sometimes they hide).
If error occur, click it and input “create compass” on command.

Compile scss to css!!

Save scss files, then they compile scss to css.
CSS files are saved in css directory.


Fields with * is required.

go to related tags archive?