Windows 10: Настройка среды для современной web-разработки

281
views

Совсем недавно мне пришлось перейти на Windows 10 после 6 лет использования исключительно MacOS. По этому поводу я хочу поделиться с вами опытом настройки среды для разработки современных web приложений с нуля в виде пошаговой инструкции. Это будет полезно тем, кто переходит на windows с другой операционной системы и тем, кому нужен чек-лист при обновлении устройства.

Git

Git — это система контроля версий. Без него сейчас никуда. При этом с его установкой появится git bash. С ним у вас будет интерфейс, который позволит использовать урезанную версию терминала bash (терминал в linux и MacOS). Но в большинстве случаев вам будет его хватить с лихвой.

Официальный сайт для загрузки.

Visual Studio Code

Для разработки вам понадобится редактор кода. О VS Code я писал ранее и я все еще его использую каждый день. Как альтернативу можно использовать платную навороченную IDE WebStorm или бесплатный редактор Atom.

Официальный сайт для загрузки.

[Опционально] Теперь после установки при желании можно заменить интегрированный cmd на ранее установленный git bash. Для этого необходимо зайти в File → Preferences → Settings и там добавить строку в конфиг:

{
  ...,
  "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
}

NodeJS

Для разработки web-приложений в обязательном порядке нужно установить NodeJS. Она необходима для выполнения javascript на вашей машине, например для запуска webpack сервера. Установив NodeJS также получим не менее важный менеджер пакетов npm. С его помощью вы сможете устанавливать зависимости для ваших проектов.

Я большой поклонник nvm, о нем я уже писал ранее, но тогда речь шла про unix системы. Для windows хотелось бы нечто подобное и, к счастью, есть проект, похожий на оригинальный nvm — «nvm-windows«.

Для его установки необходимо скачать последнюю версию установщика.

Затем в cmd/PowerShell/bash прописать:

nvm install latest

Флаг «latest» установит последнюю стабильную версию NodeJS. Вместо него можно указать любую интересующую вас версию выше 4.

Чтобы переключаться между версиями необходимо использовать команду use:

nvm use 10.15.3

Для включения/выключения nvm есть команда nvm on/off соответствующе.

SSH

Ранее в windows, чтобы настроить ssh требовалось много телодвижений. Теперь же нативный клиент ssh фактически встроен из коробки 📦.

Для его включения в последних версиях windows 10 достаточно лишь включить режим разработчика:

Start → Settings → Updates & Security;

Далее в левом сайдбаре выбираем раздел For Developers и в открывшемся окне выбираем Development mode.

Если OpenSSH не был установлен автоматически, то можно его подгрузить в Start → Settings → Apps → Apps & Features и там нажать Manage optional features. В появившемся окне необходимо установить OpenSSH Client.

В заключение

Оставлю тут список программ, которые будут полезны при разработке веб-приложений:

  • GUI для git: Sourcetree
  • Наверное самый красивый терминал для Windows: cmder
  • Для тестирования API: Postman

Подписывайтесь

Для получения уведомлений о новых публикациях подписывайтесь на мой блог или страницы в соц. сетях: Twitter, Facebook.

Подписаться на блог по эл. почте