A SASS telepítése:

A SASS vagy szintaktikailag félelmetes stíluslapok a CSS kiterjesztése, és segít a rugalmasabb stílusok megírásában. Ez nagyobb energiát ad a CSS alapnyelvéhez. A SASS olyan előfeldolgozó nyelv, amelyet CSS-be fordítanak, és különböző technikai szintaxisokkal rendelkezik. A kód írása a SASS-ban nem engedi a böngészőknek a kódot úgy értelmezni, mint ami nem megfelelő CSS, hanem egy fordítóra van szükségünk, hogy kitöltse a kódot, amelyet a CSS-be írunk, hogy a böngészők értelmezzék és megértsék. Változók, keverékek, beágyazott szabályok, inline importálás stb. Használható a SASS-ban a kompatibilis CSS-szintaxissal. Az iránytű stílusú könyvtár segítségével a Syntactically Awesome Stylesheets rendkívül jól rendezi a nagy stíluslapokat, és a kisebb stíluslapok készítése és futtatása nagyon rövidebb idő alatt megtörténik. Az olyan funkciók mellett, mint például a teljesen CSS-kompatibilis platform és a nyelvbővítmények, például a fészkelés, a mixins, a WTC, olyan funkciókkal is rendelkezik, mint a színek és a különféle egyéb értékek kezelésének számos fontos funkciója. Más fejlett funkciókkal is rendelkezik, mint például a könyvtárak vezérlési irányelvei, megfelelően formázott, testreszabható kimenete és még sokan mások.

Az alábbiakban bemutatjuk a rendszerkövetelményeket a szintaktikailag félelmetes stíluslapok telepítéséhez:

  • Operációs rendszer - Bármely platformon keresztüli operációs rendszer lehet.
  • Programozási nyelv - A programozási nyelv Ruby.
  • Böngésző - Bármilyen böngésző lehet, például a Google Chrome, Internet Explorer, szafari, Mozilla Firefox, opera stb.

A SASS telepítésének lépései:

Az alábbiakban bemutatjuk a Syntactically Awesome Stylesheets csomag rendszerbe történő telepítésének lépéseit:

1. lépés:

Töltse le a Ruby aktuális stabil verzióját az alábbi link segítségével. Tölti le a ZIP-fájlt, amelyet ki kell csomagolni a további telepítéshez. A Winzip vagy a 7zip használható a fájl kibontásához.

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

2. lépés:

Kicsomagolás után telepítse a Ruby-t a rendszerbe, a szokásos telepítési eljárást követve.

3. lépés:

Adja hozzá a Ruby bin mappát egy PATH felhasználói változóhoz és a rendszerváltozóhoz, hogy ez a gem paranccsal működjön.
A PATH változók hozzáadása:

  1. Először kattintson a jobb gombbal az asztalon lévő számítógépeim ikonjára.
  2. Lépjen a tulajdonságokra a legördülő menüből.
  3. Ezután kattintson a Haladó fülre, majd kattintson a környezeti változókra.
  • Miután a környezeti változók ablaka megnyílik, kattintson duplán a PATH-ra a változók oszlop felső részén. Az alábbiakban látható a képernyőképe:

  • A PATH dupla kattintásakor megnyílik a felhasználói változó szerkesztése ablak. Adja hozzá a ruby ​​bin elérési útját a változó értékmezőjéhez, mint C: \ Ruby \ bin. Ha más útvonalak vannak beállítva más fájlokhoz, akkor csak tegyen pontosvesszőt, és adja hozzá a rubin elérési utat. Az alábbiakban látható a képernyőképe:

  • A feladat befejezéséhez kattintson az OK gombra.

A rendszerváltozó beállítása:

  • A rendszer alatt a változó fül az új gombra kattint.
  • Ezután megnyílik az új rendszerváltozó ablak. Töltse ki a RubyOpt mezőt a változó neve mezőbe és a RubyGems mezőt a változó érték mezőjébe. Ezután kattintson az OK gombra a feladat befejezéséhez. Az alábbiakban látható a képernyőképe:

4. lépés:

A rendszer parancssorában futtassa a gem install Scss parancsot. Ez telepíti a szárnyokat a rendszerbe.

5. lépés:

A SASS sikeres telepítése után az alábbi képernyő jelenik meg. Ellenőrizze, hogy megerősítést nyer-e.

Az alábbiakban bemutatjuk a SASS alapvető megvalósítását.


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

Finom példákat készítünk, amelyek hasonlóak a CSS-hez, és elvárják, hogy a .scss kiterjesztéssel mentsük el. Ezt a rubin mappában, a .htm fájlokkal együtt kell létrehozni. Opcionálisan az scss fájl menthető a ruby ​​\ lib \ scss mappa elérési útján is. Az scss fájl létrehozása előtt hozza létre a mappákat a lib mappában.

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

A SASS utasítható a fájl figyelésére és a CSS frissítésére, ha az SCSS fájlban bármilyen változás megtörténik. Az alábbiakban található a parancs:

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

A fenti parancs futtatásakor automatikusan létrehoz egy example.css fájlt. Az scss fájl megváltoztatásakor az example.css fájl automatikusan frissül.

A fenti parancs futtatásakor az example.css fájl a következő tartalommal jön létre.

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

A fenti lépéseken kívül a SASS telepítésének más módjai is vannak:

Számos alkalmazás kínál egyszerű és felhasználóbarát módszereket a SASS telepítéséhez. Ezek letölthetők az internetről. Ezek közül kevés ilyen ingyenes, míg mások fizetnek.

Az NPM felhasználható az SASS telepítésére is abban az esetben, ha a felhasználó a node.js fájlt használja.

Így a fenti lépésről lépésre az SASS sikeresen telepíthető egy rendszerbe. Az alábbiakban található a parancs:

npm install -g sass

Felhívjuk figyelmét, hogy ez a telepítés a Syntactically Awesome stíluslapok tiszta javascript-implementációját fogja telepíteni, ami viszonylag lassabb, mint az itt megadott más módszerek, de ennek ellenére ugyanaz a felülete van a többi módszerhez. Így lassúság esetén bármilyen kérdés felmerül, ha nagyon gyors lesz a váltás egy másik megvalósításra egy későbbi időpontban a sebesség növelése érdekében.

Abban az esetben, ha bármelyik felhasználó futtatja a Chocolatey csomagkezelőt Windows rendszerre, a dart SASS telepíthető. Az alábbiakban található a parancs:

choco install sass

Bármely felhasználó számára, aki a Homebrew csomagkezelőt használja a Mac OS X-hez, a dart SASS telepíthető. Az alábbiakban található a parancs:

brew install sass/sass/sass

Így a sok szolgáltatás mellett a SASS vagy a Szintaktikailag Félelmetes Stíluslapok a weboldalak könnyebb megtervezéséhez használt szolgáltatások széles skáláját kínálják. Az SASS különféle CSS-kiterjesztéseket nyújt, például beágyazott tulajdonságokat, helyőrző-választásokat stb. Támogatja a SASS-parancsfájlokat is, amelyek interaktív héjat kínálnak a programozáshoz, valamint támogatják a különféle változókat, adattípusokat, működést, funkciót, interpolációt stb. A telepítési folyamat szintén ilyen egyszerű. elvégzésére. Minden tulajdonságának hozzáadása révén a SASS kivételesen nagyszerű munkafolyamatot biztosít a webes tervezéshez és másokhoz.

Ajánlott cikkek

Ez egy útmutató a SASS telepítéséhez. Itt tárgyaltuk a SASS telepítésének lépésről lépésre folyamatát. A további javasolt cikkeken keresztül további információkat is megtudhat -

  1. Teljes útmutató a .NET telepítéséhez
  2. Hogyan telepíthetem a PostgreSQL-t?
  3. Különböző lépések a typecript telepítéséhez
  4. Az Appium telepítése

Kategória:

Szoftverfejlesztés