mac webstrom uses scss, sass

References:

1.m ruby ​​environment installation

 2. webstorm set scss

3.mac install scss

main content:

1. Difference between scss and sass:

SCSS is a new syntax introduced by Sass 3. Its syntax is fully compatible with CSS3 and inherits the powerful functions of Sass. That is, any standard CSS3 stylesheet is a valid SCSS file with the same semantics. In addition, SCSS also recognizes most CSS hacks (some CSS tricks) and browser-specific syntaxes, such as the old IE filtersyntax .

Since SCSS is an extension of CSS, any code that works fine in CSS will work fine in SCSS. That is, a Sass user only needs to understand how the Sass extensions work to fully understand SCSS. Most extensions, such as variables, parent references, and directives, are consistent; the only difference is that SCSS requires semicolons and curly braces instead of newlines and indents.

Sass is an improvement to CSS, which can generate CSS files that browsers can recognize by compiling. There are two types of file extensions for sass technology: .sass and .scss. The difference between the two is that the .sass file has very strict requirements on the typesetting of the code, and there are no curly brackets and no semicolons.

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325879093&siteId=291194637