Перейти до основного контенту
Лайфхаки

Як встановити Sass на Windows 10: докладна інструкція

7 хв читання
2238 переглядів

Sass (Syntactically Awesome style Sheets) - це препроцесор CSS, який розширює можливості звичайних таблиць стилів. Він дозволяє використовувати змінні, міксини, вкладеність правил та інші функції, які роблять процес написання CSS більш ефективним і гнучким. Встановлення Sass на Windows 10-це просте завдання, яке допоможе вам почати використовувати всі можливості цього інструменту.

У цій статті ми розповімо вам про те, як встановити Sass на вашому комп'ютері під управлінням Windows 10. Процес складається з декількох кроків, і ми детально розберемо кожен з них. Ви зможете легко слідувати інструкції і встановити Sass без будь-яких проблем.

Перш ніж почати, переконайтеся, що на вашому комп'ютері вже встановлено Node.js. Якщо у вас його немає, Вам потрібно встановити його перед установкою Sass. Node.js-це середовище виконання, яке дозволяє запускати JavaScript-код на стороні сервера. Вона також поставляється з пакетним менеджером npm, який ми будемо використовувати для установки Sass.

Завантаження Ruby Installer

Щоб встановити Sass на Windows 10, спочатку потрібно завантажити Ruby Installer, оскільки Sass працює на основі Ruby. Ось покрокова інструкція, як завантажити та встановити Ruby Installer:

1. Відкрийте веб-браузер і перейдіть на офіційний веб-сайт Ruby Installer за адресою https://rubyinstaller.org/downloads/.

2. Виберіть відповідну версію Ruby Installer для вашої операційної системи Windows 10. Якщо у вас 64-розрядна версія Windows, виберіть посилання з позначкою " Ruby + Devkit 2.X.X (x64)". Якщо у вас 32-розрядна версія Windows, виберіть посилання з позначкою "Ruby+Devkit 2.X.X (x86)".

3. Скачайте інсталяційний файл Ruby Installer, клацнувши на посиланні. Зазвичай інсталяційний файл має розширення .exe.

4. Запустіть інсталяційний файл Ruby Installer і дотримуйтесь інструкцій майстра встановлення. За замовчуванням всі налаштування можна залишити без змін.

5. Під час встановлення Ruby переконайтеся, що ви відзначили пункт"Add Ruby executables to your PATH". Це дозволить командам Ruby виконуватися з командного рядка, не вказуючи повний шлях до виконуваного файлу Ruby.

Після завершення встановлення Ruby Installer у вас буде встановлена ОСТАННЯ версія Ruby на вашому комп'ютері. Тепер ви готові перейти до встановлення Sass.

Встановлення Ruby

Для роботи з Sass на Windows потрібно встановити Ruby, мову програмування, на якій працює Sass. Дотримуйтесь інструкцій нижче, щоб встановити Ruby на Windows 10.

Крок 1: Перейдіть на офіційний веб-сайт Ruby за адресою https://rubyinstaller.org/downloads/.

Крок 2: на сторінці виберіть версію Ruby, яка підходить для вашої системи. Рекомендується вибрати версію Ruby 2.7 або пізнішу.

Крок 3: Після завантаження інсталятора запустіть його, двічі клацнувши на завантаженому файлі.

Крок 4: У програмі встановлення Ruby виберіть мову, системний та інсталяційний шлях. Рекомендується залишити налаштування за замовчуванням, якщо ви не знаєте, що вам робити.

Крок 5: у вікні інсталятора встановіть прапорець "Add Ruby executables to your PATH", щоб додати шлях Ruby до системної змінної PATH. Це дозволить вам використовувати Ruby з командного рядка.

Крок 6: Натисніть "Install" для початку установки Ruby. Зачекайте, поки установка завершиться.

Крок 7: після встановлення Ruby ви побачите вікно, яке повідомляє про успішне завершення встановлення. Натисніть "Finish", щоб закрити інсталятор.

Поздоровляю! Ruby успішно встановлено на вашому комп'ютері з Windows 10. Тепер ви готові перейти до встановлення Sass.

Перевірка встановлення Ruby

Для перевірки установки Ruby, виконайте наступні кроки:

  1. Відкрийте командний рядок (комбінація клавіш Windows + R, введіть "cmd" і натисніть Enter).
  2. Введіть команду "ruby-v" (без лапок) і натисніть Enter. Якщо у вас встановлений Ruby, ви побачите версію Ruby у виведенні команди (наприклад, "ruby 2.7.1").
  3. Якщо Ruby Не встановлено, ви побачите повідомлення про помилку. В цьому випадку, вам необхідно встановити Ruby, перейшовши на офіційний сайт Ruby і скачавши установник для Windows. Запустіть інсталятор і дотримуйтесь інструкцій на екрані, щоб встановити Ruby.
  4. Повторіть кроки 1-2, щоб перевірити, чи успішно встановлено Ruby.

Тепер, коли Ruby встановлено, ви готові встановити Sass на Windows 10. Продовжуйте читати, щоб отримати детальну інструкцію.

Встановлення DevKit

  1. Спочатку завантажте останню версію DevKit звідси. Зверніть увагу на те, яка версія Ruby встановлена у вас (32-бітна або 64-бітна) і виберіть відповідний варіант DevKit.
  2. Після завантаження DevKit, створіть нову папку на вашому комп'ютері і розпакуйте вміст архіву в цю папку.
  3. Запустіть командний рядок Windows (cmd) і перейдіть до папки, де знаходиться DevKit, за допомогою команди cd шлях_к_папці .
  4. У командному рядку виконайте наступну команду:
ruby dk.rb init

Ця команда ініціалізує DevKit і створить файл `config.yml`.

  1. Відкрийте файл ' config.yml ' у текстовому редакторі та додайте шлях до встановленої Папки Ruby:
- C:/путь_к_установленной_папке_Ruby
  1. Збережіть файл ' config.yml ' і закрийте його.
  2. У командному рядку виконайте наступну команду:
ruby dk.rb install

Ця команда встановить DevKit і додасть його до вашої інсталяції Ruby.

Після успішної установки DevKit ви можете перейти до наступного кроку і встановити Sass на вашому комп'ютері.