WebDesign Master
Курсы
Актуальный способ установки и настройки окружения Windows WSL для веб-разработки

Актуальный способ установки и настройки окружения Windows WSL для веб-разработки

Это актуальная инструкция по установке и настройке окружения Windows WSL (Подсистемы Windows для Linux), Node.js и других полезных инструментов для веб-разработки в родной среде Unix shell.

Актуальный способ установки и настройки окружения Windows WSL для веб-разработки - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Важно!

Если вы пользователь Windows, рекомендую в настоящее время использовать это руководство по настройке окружения (без использования подсистемы WSL).

Предварительная установка

1. Активируем возможность использования подсистемы. Для этого откроем панель управления - Win+R, выполняем команду control, переходим в раздел "Программы и компоненты", слева кликаем "Включение или отключение компонентов Windows", находим пункт "Подсистема Windows для Linux" и активируем чекбокс, нажимаем OK. Компьютер будет перезагружен.

2. Скачиваем и устанавливаем WSL ..x64.msi

3. Выбираем WSL 1 в качестве версии по умолчанию. Выполняем в PowerShell:

wsl --set-default-version 1
Внимание! WSL 2 в настоящее время работает медленно на большинстве систем. Рекомендую использовать именно WSL 1.

4. Устанавливаем неномерной дистрибутив Ubuntu из магазина Windows. Задаем имя пользователя и пароль.

Если доступа к магазину Windows нет, можно установить командой:
wsl --install Ubuntu

Установка окружения

Сразу после создания пользователя можно установить окружение одной командой:

sudo apt update; sudo apt -y install ruby ruby-dev gcc make g++ curl; curl -sL https://deb.nodesource.com/setup_lts.x | sudo -E bash -; sudo apt -y install nodejs; sudo npm i -g gulp rimraf npm-check-updates; npm config set package-lock false; sudo gem i bundler jekyll jekyll-paginate-v2

Данной командой мы установим Node.js, npm, gulp, rimraf, npm-check-updates, jekyll, ruby и другие вспомогательные инструменты.

Обратите внимание, если вам не требуется jekyll или другие инструменты, вы можете не включать их в составную команду или наоборот, добавить необходимые через пробел в нужной секции. В секции sudo apt -y install можно добавить программы Linux к установке, в секции sudo npm i -g можно добавить необходимые npm-модули к установке, в секции sudo gem i можно добавить необходимые ruby-модули и т.д.

Отлично! Теперь можно запустить WSL в любой папке и настроить отображаемую длинну пути. По умолчанию, в терминале отображается полный адрес до текущей папки, что может быть не совсем удобно в работе.

Открываем в консольном редакторе файл с настройками bash:

sudo nano ~/.bashrc

Управляя курсором на клавиатуре, перейдем в самый низ файла и добавим строку (для отображения только текущей папки в пути терминала):

PROMPT_DIRTRIM=1

Выходим из редактора Ctrl+X, вводим Y и нажимаем Enter, чтобы подтвердить сохранение файла. Перезапускаем WSL, можно работать.

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «Инструменты»

  • Настройка VS Code для верстки
  • Simple Starter - простой стартер для верстки | Материалы урока
  • Хостинг от А до Я: Сайты, базы, домены, SSL, SSH, sFTP, перенос, деплой, секреты, лайфхаки
  • Gulp - Актуальное и исчерпывающее руководство для самых маленьких
  • PageSpeed Insights - Оптимизация

Разделы сайта:

  • Курсы
  • Инструменты
  • Веб-дизайн
  • Вёрстка
  • CMS

Полезные ресурсы:

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Работа с хостингом от А до Я
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp
2024 © WebDesign Master