Use sass-autocompile on Atom

no image

Compile scss using sass-autocompile on Atom

How do we use sass-autocompile??

Initial setting

Install Node.js

Node.js

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

Install node-sass

Install Ruby

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.

Do you wanna comment something?

Please agree Privacy Policy.

Leave a Reply

Your email address will not be published.


CAPTCHA


This site uses Akismet to reduce spam. Learn how your comment data is processed.