Things in detail in the course dedicated to Atom

[najmusseoex]

SCSS Snippets –scss-snippets
This is certainly not the first package I've shown you to have code snippets available to use easily and despite the fact that some SCSS snippets are also present in the CSS Snippets package I can't help but recommend this one too because it presents a series of solutions created specifically for this syntax .

For example, if you have been using Sass for a while, you should be aware of the possibility of inserting conditional blocks into our code. Things like while, for, ifand other loops present in a programming language are also available to us with the SCSS syntax , but it is not always easy to remember them and for this reason we can install this package.

Let's say for example that you need to execute a for. Inside your file .scssyou can write calmly frand press enter. Once you have performed this simple operation your code will be enriched by the following syntax:

SCSS
1
@for $var from 1 through $length {
2
/* code */
3
}
The generated code is ready to be modified and to move quickly you just have to press the tab button, even if after all we have covered these

Atom Sass –atom-sass
Want to compile your Sass code but don't want to pay for any tools or don't ecuador whatsapp resource want to set up Grunt or Gulp? No problem because with this package you can start working immediately without wasting too much time in setting up your development environment.


Once you have installed this package and opened a file, .scssall you have to do is press the key combination Alt + Ctrl + c (or Opt + Cmd + c if you are on Mac) and that's it! From now on, your Atom editor will compile your SCSS code into a classic style sheet every time you save your file.

This package is incredibly useful when we need to make quick changes within a project that was created using the SCSS syntax.

Sass Comment –sass-comment
As in any programming language, even within our style sheets it is important to have a certain coherence and to be able to quickly understand what a certain block of code does, unfortunately this is not always possible.

Either because of the little time we have to complete a project, or because when we write our code it seems so simple to understand, generally our code sheets are devoid of any clues. Yet in development it is good practice to leave explanatory comments on the code block, unfortunately very often it is an incredibly boring activity! This is why the Sass Comment package comes to our aid! By writing simply c-titlewe can create a complex comment where we can describe our rules and the features added by our code block.