Learn SASS - Intro and Setup
ฝัง
- เผยแพร่เมื่อ 19 ต.ค. 2024
- This is the introductory video for the mini-course on learning how to write SASS.
To uninstall Ruby version
gem uninstall sass
possibly have to manually remove
/usr/local/bin/sass
/usr/local/bin/sass-convert
/usr/local/bin/scss
OSX Path line added to .bash_profile
export PATH="${PATH}:/Applications/dart-sass"
Sass website
sass-lang.com
download
github.com/sas...
Test the version of SASS after installing
sass --version
Sass sample commands
sass ./sass/main.scss ./css/main.css
sass --watch ./sass/main.scss:./css/main.css
sass --watch ./sass:./css
2021: This GUY is the LEGEND!!! =)
I read the description to uninstall ruby sass, finally, looking everywhere for that.
THANK YOU!
watching some js video on ur channel now cam to start Sass....you are the best sir I'm not only learning m also enjoying ur video thank u so much
Thanks for the tutorial! Just a very critical observation....I had some problems while modifying my .bash_profile because I copy pasted the line in the description, which contained some errors: the line has to be ' export PATH="${PATH}:/Applications/dart-sass" ' note that there are no spaces between PATH, the equal sign and the file path. Also, the folder's name is dart-sass, not sass-dart. This little detail might confuse newbs like me.
Great narration pace ! Well done.
Thank you very much, your video helped me a lot
Brad Traversy In 2017 mentioned that sass may be going away because css itself was getting better and a preprocessor not be necessary eventually. What is your opinion on this?
There are more features being added to CSS, like variables and calc( ) and repeat( ) and minmax( ). These do definitely help. However, there are still some functional things that making writing SASS more efficient than CSS. built-in colour functions help. Nesting, extends, & operators and the compression of the files are still very useful. Eventually it will go away but I don't think it will be anytime soon.
I mean, if jQuery is still hanging on then SASS has years of life left.
Thanks u .. I want to ask you what you wrote in Terminal It is what I will write in to terminal vscode editor
Very good explanation:)
Thanks steve for this first lesson
I am using Ubuntu can anyone describe the install process?
I did a git clone to /usr/local/bin and this added /usr/local/bindart-sass and then set my path but no luck executing sass. I think my path is wrong, i put this"export PATH="/usr/local/bin/dart-sass:$PATH" into ~/.bashrc ???
Dude I just started ur sass tutorial did u cover all the topics or missed any thing
The playlist covers pretty much everything
I updated .bash_profile with the path for dart-sass. No go.
would love to see how this works with gulp
Hi, Steve, do you know how to install dart-sass standalone in windows 10? I tried many way to add path, but failed
I assume that you have downloaded the windows version from this page - github.com/sass/dart-sass/releases/tag/1.10.1 Then, to add it to the PATH, these instructions work well to edit the existing PATH variable - www.java.com/en/download/help/path.xml. The windows PATH has semi-colons between the values instead of colons. You have to re-open the command prompt window to load the latest version of PATH. Try putting your new path for dart at the start of the PATH so it runs first. If there is a error in the PATH then windows stops reading it as soon as the error is read. Make sure the path for dart-sass points to the folder where you have it installed.
Alternatively you can install the Ruby version. install Ruby first and then use the gem install sass command to install the ruby version of sass.
Steve Griffith Thanks for your reply, I found the problem. I do it correctly however I using bash to run dart sass, it is not supported.
Hi Steve, I followed your instructions to the letter, but when I checked to confirm sass was installed I got the following error message: -bash: /usr/local/bin/sass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory
FYI, after a recent update to my macOS Sierra I opened my Terminal and entered the appropriate commands to watch and map the changes to custom.css file, and got the same error message. This is why I thought it best to install Dart Sass given Ruby Sass is now deprecated. Any advise or suggestions would be greatly appreciated. Thx, Mario
Sounds like you still have the old ruby version installed or your environment variables in your profile are still pointing to the location of ruby sass instead of the new dart version.
@@SteveGriffith-Prof3ssorSt3v3 I truly appreciate your prompt response. I'm sure you're right and do you have any advice on how to fix it? I'm a UI/UX designer with a strong working knowledge of HTML and SCSS/CSS, but this effort is outside my area of expertise. I'm in a jam bc I'm in the second phase of a client project, and need to get this working again. Is there a way we can communicate offline? I have a professional website if you need to verify my credentials. Thanks, Mario
@@mariocisneros9355 I have another video on editing env variables on OSX. That should help you.
@@SteveGriffith-Prof3ssorSt3v3 Thanks Steve, I'll check it out.
Hey Steve, I watched your video, and although it was very informative, I’m still struggling. I want to apologize in advance for bugging you, but I’m a freelancer and no one in my orbit can I ask for help. I belong to a Slack community, but only received 2 replies that weren’t very helpful.
Again, I downloaded Dart Sass and moved it into my Applications folder. I opened my .bash_profile in my text editor and the path appeared correct: export PATH=“${PATH}:/Applications/dart-sass”. Now, when I cd into my development env and execute a watch command I get the following error message: -bash: /usr/local/bin/sass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory
In the Terminal I checked and my version of ruby is 2.3.7p456 but on the official site the current stable version is 2.6.3. therefore, if I install the current version will that fix the problem? Again, I really outside my wheelhouse, so learning as I go…
Thanks again,
Mario
Great video!
For Windows please
The Dart-Sass version that I show here works on Windows, Mac or Linux. Just go to the download page shown in the comments and download the windows version. The Sass commands are the same regardless of the OS.
Steve Griffith thanks
Hello, Full-time Algonquin College Professor and part-time TH-cam tutorial channel educator about everything web and mobile design and development.
hello.