Как да инсталирате SASS:

SASS или Syntactically Awesome Stylesheets е разширение на CSS и ни помага да пишем по-гъвкави стилове. Това добавя повече мощност към основния език на CSS. SASS е език за предварителна обработка, който се компилира в CSS и има различни технически синтаксиси. Писането на код в SASS не позволява на браузърите да интерпретират кода, като този не е подходящ CSS, вместо това се нуждаем от компилатор, за да завършим кода, който пишем в CSS, за да може браузърите да го интерпретират и разбират. Променливи, миксини, вложени правила, вграден внос и т.н. могат да се използват в SASS със съвместим CSS синтаксис. С помощта на библиотеката в стила на компаса, Syntactically Awesome Stylesheets поддържа големи стилови таблици добре организирани и получават малки таблици стилове и работят за много по-малко време. Наред с функции като напълно съвместима с CSS платформа и езикови разширения като гнездене, миксин, WTC, той предлага и функции като много важни функции за манипулиране на цветове и различни други стойности. Той има и други разширени функции като контролни директиви за библиотеки, правилно форматиран, персонализируем изход и много други.

По-долу са системни изисквания за инсталиране на синтактично страхотни стилови таблици:

  • Операционна система - Тя може да бъде всяка кросплатформена операционна система.
  • Език на програмиране - Езикът на програмиране е Ruby.
  • Браузър - Това може да бъде всеки браузър като google chrome, Internet Explorer, сафари, Mozilla Firefox, опера и др.

Стъпки за инсталиране на SASS:

По-долу са стъпките за инсталиране на пакета Syntactically Awesome Stylesheets в системата, както следва -

Етап 1:

Изтеглете текущата стабилна версия на Ruby чрез линка по-долу. Той изтегля zip файл, който трябва да се разархивира за по-нататъшна инсталация. Winzip или 7zip могат да се използват за разархивиране на файла.

https://www.ruby-lang.org/en/downloads/

Стъпка 2:

След като разархивирате, инсталирайте Ruby в системата, следвайки стандартната процедура за инсталиране.

Стъпка 3:

Добавете папката Ruby bin към потребителска променлива на PATH и системната променлива, така че да може да работи с gem команда.
За да добавите променливите PATH:

  1. Първо, щракнете с десния бутон върху иконата на моя компютър на работния плот.
  2. Отидете до свойства от падащото меню.
  3. След това кликнете върху раздела за напреднали и след това променливите на средата за кликване.
  • След като прозорецът на променливите на средата се отвори, щракнете два пъти върху колоната PATH под променливи в горната част. По-долу е скрийншотът, който го показва:

  • При двойно щракване върху PATH ще се отвори прозорецът за редактиране на потребителска променлива. Добавете път на рубин в полето за стойност на променливата като C: \ Ruby \ bin. В случай, че има други пътища, зададени за други файлове, просто сложете точка и запетая и добавете пътя на рубина. По-долу е скрийншотът, който го показва:

  • Щракнете върху бутона Ok, за да завършите задачата.

Настройка на системната променлива:

  • Под системата променливият раздел кликва върху новия бутон.
  • След това ще се отвори новият прозорец на системната променлива. Попълнете с RubyOpt в полето за име на променлива и RubyGems в полето за променливата стойност. След това натиснете бутона OK, за да завършите задачата. По-долу е скрийншотът, който го показва:

Стъпка 4:

В командния ред на системата изпълнете командния скъпоценен камък инсталирайте Scss. Това ще инсталира sass в системата.

Стъпка 5:

SASS при успешно инсталиране ще даде по-долу екрана. Проверете го, за да получите потвърждение.

По-долу е даден пример, показващ основна реализация на SASS.


SASS example

Example
It is a bright and sunny day


SASS example

Example
It is a bright and sunny day


SASS example

Example
It is a bright and sunny day


SASS example

Example
It is a bright and sunny day


SASS example

Example
It is a bright and sunny day

Ще създадем фини example.css, който е подобен на CSS, очакваме факта, че ще бъде запазен с разширение .scss. Това трябва да бъде създадено в папката ruby, заедно с .htm файловете. По желание файлът scss на файла може да се запише и с пътя на папката ruby ​​\ lib \ scss. Създайте sass на папката в папката lib, преди да създадете файла scss.

h1( color: #AF80ED; ) h3( color: #DE5E85; )

SASS може да бъде насочен да гледа файла и да актуализира CSS винаги, когато има промяна в SCSS файла. По-долу е командата:

sass --watch C:\ruby\lib\sass\ example.scss: example.css

При стартиране на горната команда автоматично ще създаде example.css файл. При промяна на файла scss файлът example.css ще се актуализира автоматично.

При изпълнение на горната команда файлът example.css ще бъде създаден със следното съдържание.

h1( color: #AF80ED; ) h3( color: #DE5E85; )

Други от горните стъпки по-долу са другите начини за инсталиране на SASS:

Има много приложения, които предлагат лесни и лесни за ползване начини за инсталиране на SASS. Те могат да бъдат изтеглени от интернет. От тях малко от тях идват безплатно, докато други се плащат.

NPM може да се използва и за инсталиране на SASS в случай, че потребителят използва node.js.

По този начин, в горното стъпка по стъпка ръководство SASS може да бъде инсталиран успешно в система. По-долу е командата:

npm install -g sass

Но имайте предвид, че тази инсталация ще инсталира чиста javascript реализация на Syntactically Awesome Stylesheets, което е сравнително по-бавно от другите методи, дадени тук, но въпреки това има същия интерфейс на останалите методи. По този начин, в случай на бавност причинява някакъв проблем, ако ще бъде много лесно да преминете към друго изпълнение в по-късен момент, за да увеличите скоростта.

В случай, че някой потребител използва Chocolatey мениджър на пакети за Windows, може да се инсталира dart SASS. По-долу е командата:

choco install sass

В случай, че всеки потребител използва Homebrew мениджър на пакети за Mac OS X, може да се инсталира dart SASS. По-долу е командата:

brew install sass/sass/sass

По този начин, заедно с толкова много функции, SASS или Syntactically Awesome Stylesheets предлага широка гама от функции, използвани за проектиране на уеб страници с по-голяма лекота. SASS предоставя различни CSS разширения като вложени свойства, избор на заместители и др. Той също така поддържа SASS скриптове, предлагащи интерактивни черупки за програмиране, заедно с поддръжка за различни променливи, типове данни, операция, функция, интерполация и т.н. Процесът на инсталиране също е толкова лесен за изпълни. Като добавим всички свои функции, SASS осигурява изключително страхотна работа на платформа с уеб дизайн и други.

Препоръчителни статии

Това е ръководство за инсталиране на SASS. Тук обсъдихме стъпка по стъпка процес за инсталиране на SASS. Можете да разгледате и другите ни предложени статии, за да научите повече -

  1. Пълно ръководство за инсталиране. NET
  2. Как да инсталирате PostgreSQL?
  3. Различни стъпки за инсталиране на Typescript
  4. Как да инсталирате Appium

Категория:

Разработване на софтуер