Удачи в разработке с Windows! Установка WSL и настройка среды разработки переднего плана

внешний интерфейс Windows

WSL расшифровывается как «Подсистема Windows для Linux», которая представляет собой уровень совместимости для изначально работающих двоичных исполняемых файлов Linux (формат ELF) в Windows 10. Microsoft запустила WSL еще 16 лет назад, и еще раньше.Выпущен WSL 2.0, он должен быть относительно завершен к настоящему времени. Недавно я установил WSL на свой ноутбук с Windows и опробовал его В целом, это был отличный опыт, вот особенности.


Обновление 2019.6.10:

VS Code выпущен в мае 2019 года (версия 1.35), и пакет подключаемого модуля Remote Development теперь доступен в стабильной версии VS Code!


Для чего нужна подсистема Windows для Linux? Чем он отличается от виртуальной машины?

По сравнению с виртуальными машинами подсистема Windows для Linux имеет следующие преимущества:

  1. Лучшая производительность.

    Поскольку реализация более низкоуровневая, производительность намного лучше, чем у виртуальных машин.

  2. Файловая система используется совместно с Windows.

    Подсистема может напрямую обращаться ко всем файлам на жестком диске и даже выполнять файлы .exe.

Что не так с текущей Windows?

Хотя Windows является наиболее широко используемой операционной системой для настольных компьютеров, в области веб-разработки основным выбором является macOS. Что касается внешнего интерфейса, React Native даже не мог разрабатываться под Windows, когда он только вышел 😓. При использовании для веб-разработки основной проблемой Windows должны быть инструменты командной строки.Существует много различий между cmd в Windows и Linux. Например, некоторое время назад в разработке я столкнулся с несоответствием метода записи пути между Windows и Linux:

woohoo.how to geek.com/137096/6 - вау…

Системные Требования

Для установки подсистемы требуется Windows 10 Fall Creators Update и более поздние версии.Начиная с этой версии подсистема официально выпущена во внешний мир.Предыдущая версия требует открытия параметров разработчика.

Можем выбрать в настройках系统—-关于-—Windows 规格, чтобы проверить номер версии Windows, если он больше 16215:

Установить

Установка WSL очень проста.

Сначала откройте PowerShell от имени администратора и выполните:

Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux

После этого найдите Linux в Магазине Microsoft и установите нужный дистрибутив Linux.

Я выбрал Ubuntu здесь, вы можете установить много дистрибутивов, а не один.

Установка программного обеспечения из Microsoft Store выполняется одним щелчком мыши. После этого в стартовом меню появится значок Ubuntu.

Нажмите, чтобы начать!

использовать

После запуска требуется много времени для первой инициализации, а затем будет установлен пароль системной учетной записи, независимо от того, имеет ли он какое-либо отношение к паролю учетной записи Windows.

После загрузки это похоже на использование виртуальной машины:

из подсистемыМожет напрямую обращаться к файлам в путях WindowsДа, диски в Windows монтируются в каталог /mnt.

Кроссплатформенное исполнение

Очень мощная особенность подсистемы заключается в том, что ее можно выполнять на разных платформах, выполняя программы Windows в Linux и выполняя программы Linux в Windows.

Windows выполняет bash

Из командной строки Windows вы можете напрямую использовать bash:

bash -c "sudo apt-get update"

bash выполнить окна

В подсистеме Linux просто добавьте суффикс .exe к команде для прямого выполнения:

Я пробовал и даже запускал chrome.exe напрямую, но ничего особенного не нашел.

Конфигурация среды разработки

Установить о-мой-зш

Установка oh-my-zsh такая же, как и на Mac, просто выполните:

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Установите Node.js

Я не заметил большой разницы между nvm и n, обычно я использую n для управления версиями узлов. Управление пакетами Node в Windows также немного сложное, хотя есть nvm-widnows, но он не очень полезен.

Устанавливаем n и Node.js, выполнив прямо в подсистеме следующие команды:

curl -L https://git.io/n-install | bash

установить git

Поскольку это Ubuntu, мы можем напрямую использовать apt для установки git:

sudo apt install git

Опыт работы с VS-кодом

Среда разработки неотделима от редактора кода. Теперь, когда мы можем запустить инструмент командной строки под Linux, следующее, что нужно сделать, — это адаптировать VS Code к WSL.

В предыдущей версии многие пробовали разные способы:

  • Измените терминал VS Code по умолчанию на wsl.exe, но инструмент Git, интегрированный с VS Code, по-прежнему работает в Windows.
  • Открывайте VS Code прямо в WSL, процесс очень сложный и много подводных камней.

К счастью, эти сложные операции больше не нужны! В инсайдерской версии VS Code уже поддерживаетсяRemote Development with VS Code, функция удаленной разработки позволяет нам плавно разрабатывать в WSL.

Сначала нам нужно установить Visual Studio Code Insiders на стороне Windows:code.visualstudio.com/insiders/, не забудьте проверить опцию Add to PATH в процессе установки, иначе мы не сможем напрямую передатьcode-insidersкоманда для запуска VS Code.

После этого вы можете открыть каталог проекта в WSL черезcode-insiders .Откройте код VS. Некоторые зависимости необходимо установить при первом открытии:

После открытия вы можете увидеть, что [WSL] будет добавлено после имени каталога проекта:

Открой командную строку и попробуй, она уже есть в среде WSL:

Для простоты использования мы изменили терминал по умолчанию с bash на zsh и модифицировали его в настройках VS Code:

Теперь терминал zsh:

Разрабатывать в WSL

Давайте попробуем напечатать путь к проекту с узлом, и мы увидим, что проблема пути ушла🎉:

постскриптум

Несмотря на то, что макбук очень высокий, я всегда надеялся использовать Windows для разработки.Одна из самых прямых причин заключается в том, что мак слишком дорог.Если вы не потратите достаточно денег, производительность будет намного хуже, чем у ПК. Текущий Макбук Про:

Процессор действительно слабенький.

Microsoft, которая становится компанией с открытым исходным кодом, теперь уделяет все больше внимания разработчикам, что является отличной новостью для всех.

Статьи по Теме

  1. Windows Subsystem for Linux Overview
  2. Announcing WSL 2
  3. Awesome-WSL
  4. Setting Up Windows for Web Development
  5. Remote Development with VS Code
  6. Developing in WSL