Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Sass Basics (retired) Getting Started with Sass Installing and Using Sass

Steven Dorfman
Steven Dorfman
7,079 Points

When I follow the directions in the video I get an error message. Working on windows. Thanks

When I try to use the test.scss file I get an error message. Working on windows any help would be great. Thanks

4 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,252 Points

Hi there Steven,

Can you tell us what error it is you're getting so we can help you?

Common errors with Sass include unmatched files or referring a watch folder that doesn't contain your SCSS file. :-)

Also please post the code following the Markdown Cheatsheet link below.

Steven Dorfman
Steven Dorfman
7,079 Points

ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32]

C:\Users\Steven>gem install sass Fetching: sass-3.4.14.gem (100%) Successfully installed sass-3.4.14 Parsing documentation for sass-3.4.14 Installing ri documentation for sass-3.4.14 Done installing documentation for sass after 33 seconds 1 gem installed

C:\Users\Steven>sass --version Sass 3.4.14 (Selective Steve)

C:\Users\Steven>sass test.scss Errno::ENOENT: No such file or directory @ rb_sysopen - test.scss Use --trace for backtrace.

C:\Users\Steven>sass test.scss Errno::ENOENT: No such file or directory @ rb_sysopen - test.scss Use --trace for backtrace.

C:\Users\Steven>sass test.scss Errno::ENOENT: No such file or directory @ rb_sysopen - test.scss Use --trace for backtrace.

C:\Users\Steven> sass test.scss Errno::ENOENT: No such file or directory @ rb_sysopen - test.scss Use --trace for backtrace.

C:\Users\Steven>cd C:\Users\Steven

C:\Users\Steven>cd desktop.sass-folder-name sass.test.scss test.css The system cannot find the path specified.

C:\Users\Steven>sass test.scss Errno::ENOENT: No such file or directory @ rb_sysopen - test.scss Use --trace for backtrace.

C:\Users\Steven>sass --test.scss OptionParser::InvalidOption: invalid option: --test.scss Use --trace for backtrace.

C:\Users\Steven>cd Desktop

C:\Users\Steven\Desktop>sass test.scss Errno::ENOENT: No such file or directory @ rb_sysopen - test.scss Use --trace for backtrace.

C:\Users\Steven\Desktop>

You have installed Sass, but you have not told it to do anything. How do that depends a little on your structure. The easiest is if you have your .sass or .scss files in the same file you want your css. if so, then navigate to your folder containing the Sass and then enter the command: sass --watch

If the files are in different folders, then you go to the folder that is closest to containing both and enter:

sass --watch path/to/.scss/file:path/where/css/goes

I like to have comments in the css as to where it came from in the Sass, so I add a -l. I also always have a Sass folder and a CSS folder in the root of my project. So I navigate to the root folder and use this command:

sass --watch -l sass:css

I suggest rewatching the video on installing and using Sass.