Овај водич ће илустровати комплетну процедуру за постављање брзог Ноде.јс САСС/СЦСС пројекта.
Како да подесите брзи Ноде.јс Сасс/СЦСС пројекат?
САСС користи чиста ЦСС својства да изврши стилизовање преко изабраног елемента. Омогућава оригинални ЦСС тако што укључује математичке и варијабилне карактеристике. Он примењује стил на ДОМ у хијерархији. Интеграцијом САСС-а са Ноде.јс, програмер може веома лако да стилизује пројекат како би га учинио привлачнијим и савршеним за пикселе.
Хајде да пратимо доле наведене кораке да бисмо поставили Ноде.јс пројекат дуж САСС/СЦСС.
Корак 1: Инсталирање „САСС“
Прво, инсталирајте “ САСС ” глобално у пројекту Ноде.јс користећи менаџер пакета чвора “ нпм ” преко ове команде:
нпм инсталл -г сасс
Излаз показује да „ саас ” пакет је инсталиран:
Корак 2: Прављење именика
Затим креирајте одвојене директоријуме за ЦСС и СЦСС датотеке користећи следећу команду „мкдир“:
мкдир цссФилес
мкдир сцссФилес
Може се видети да је горњи „ мкдир ” команда је креирала “ цссФилес ' и ' сцссФилес ” именици:
Корак 3: Повежите САСС модул
Сада користите „ сасс ” модул за праћење било каквих модификација у сталним датотекама „ сцссФилес ” директоријум. У случају измене, аутоматски ће креирати ЦСС датотеке унутар повезане „ цссФилес ” и уметните исте сцсс податке у ЦСС датотеку.
Команда која се извршава за гледање и повезивање „ сасс ” модул је следећи:
сасс --гледати сцссФилес : цссФилесСада, саас прати све врсте модификација у директоријуму сцссФилес.
Белешка: Горња наредба треба да се изврши на системској командној линији јер неће радити на терминалима алата као што је Висуал Студио код.
Корак 4: Креирање СЦСС и одговарајућих ЦСС датотека
У овом кораку, празна датотека под називом „ сцссСтиле ” са „ сцсс ” проширење се креира унутар „ сцссФилес ” директоријум:
Након тога, две датотеке са именом „ сцссСтиле.цсс ' и ' сцссСтиле.цсс.мап ” аутоматски се креира помоћу „ сасс “ модул унутар “ цссФилес ” директоријум, као што је приказано у наставку:
Корак 5: Убацивање кода
На крају, унесите неки СЦСС код унутар „ сцссСтиле.сцсс ' како је приказано испод:
Сада се исти код у ЦСС формату аутоматски убацује унутар „ сцссСтиле.цсс ” фајл:
Хајде да визуелно илуструје корак 4 и 5 уз помоћ гиф-а:
Овај водич је објаснио кораке за креирање Ноде.јс САСС\СЦСС пројекта.
Закључак
Да бисте подесили брзи Ноде.јс САСС/СЦСС пројекат, прво инсталирајте модул “ сасс ” модул, а затим креирајте два директоријума један за „ САСС\СЦСС ” датотеку и другу за “ ЦСС ' фајлови. Након тога, направите „ сасс ” модул за гледање било које измене у ново креираним директоријумима преко „ сасс –гледај сасс:цсс ” команда. Као резултат ове акције, датотека „САСС\СЦСС“ и две „ЦСС“ датотеке се аутоматски генеришу у фасцикли „ЦСС“. Ако корисник измени „САСС\СЦСС“ датотеке, нове промене ће аутоматски бити уметнуте у ЦСС датотеке. Овај водич је објаснио комплетну процедуру за подешавање Ноде.јс САСС\СЦСС пројекта.