Настройка Windows WSL и Next.js

Вы можете получить опыт разработки в Linux на Windows. Эта конфигурация использует WSL, Node.js, pnpm и Next.js. Она быстрая и профессиональная.

Следуйте этим шагам, чтобы настроить свою среду.

  1. Установка WSL Откройте PowerShell от имени администратора и выполните: wsl --install

Это установит Ubuntu. Теперь у вас есть среда Linux внутри Windows.

  1. Подготовка Linux Откройте терминал WSL и выполните следующие команды:
  • Проверьте домашний каталог: cd ~
  • Создайте папку: mkdir projects
  • Обновите систему: sudo apt update && sudo apt upgrade

  1. Установка Node.js через NVM Используйте NVM для управления версиями Node. Выполните: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install --lts nvm use --lts

  2. Настройка pnpm pnpm быстрее, чем npm, и экономит место на диске. Включите его с помощью Corepack: corepack enable pnpm

  3. Создание проекта Next.js Выполните эту команду, чтобы начать новый проект: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app

Если вы увидите ошибку [ERR_PNPM_IGNORED_BUILDS], выполните: pnpm approve-builds Затем выполните: pnpm install

  1. Подключение VS Code Установите расширение WSL в VS Code. В терминале введите: code .

VS Code работает в Windows, но подключается к вашей среде Linux. Это лучший способ работы.

Почему эта конфигурация работает:

  • Высокая производительность
  • Доступ к инструментам Linux
  • Улучшенное управление зависимостями
  • Профессиональный рабочий процесс

Чтобы освободить оперативную память после завершения работы, выполните: wsl --shutdown

Источник: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1