Установка Node.js и npm/yarn

Для работы с Vue.js необходима современная среда JavaScript, включающая Node.js и систему управления пакетами, такую как npm или yarn. Node.js обеспечивает выполнение JavaScript на серверной стороне и локально в среде разработки, а npm/yarn позволяет устанавливать библиотеки, управлять зависимостями и запускать скрипты.

Установка Node.js

  1. Выбор версии На официальном сайте Node.js доступны две версии:

    • LTS (Long-Term Support) – стабильная версия, рекомендуемая для большинства проектов.
    • Current – последняя версия с новыми возможностями, подходящая для экспериментов и изучения новых функций.

  2. Скачивание и установка

    • Перейти на официальный сайт Node.js и скачать установщик для вашей операционной системы.

    • Запустить установщик и следовать инструкциям: выбрать путь установки, добавить Node.js в системный PATH.

    • После установки проверить корректность с помощью команд в терминале:

      node -v
npm -v

      Команды выведут версии Node.js и npm соответственно.

  3. Установка через менеджеры версий (опционально) Для удобного переключения между версиями Node.js можно использовать менеджеры версий:

    • nvm (Node Version Manager) для Linux/macOS:

      nvm install --lts
nvm use --lts

    • nvm-windows для Windows.

npm: Node Package Manager

npm устанавливается вместе с Node.js. Основные команды:

  • Установка пакета локально в проект:

    npm install <package-name>

  • Установка пакета глобально:

    npm install -g <package-name>

  • Обновление npm до последней версии:

    npm install -g npm

Файл package.json в проекте описывает зависимости, скрипты и метаданные. Для его создания используется команда:

npm init

или быстрый вариант:

npm init -y

Yarn: альтернативный менеджер пакетов

Yarn обеспечивает более быстрые и предсказуемые установки зависимостей благодаря lock-файлам и кешированию.

  1. Установка Yarn:

    • Через npm:

      npm install -g yarn

    • Через официальный установщик: https://yarnpkg.com/

  2. Основные команды Yarn:

    • Установка зависимостей проекта:

      yarn install

    • Добавление пакета:

      yarn add <package-name>

    • Удаление пакета:

      yarn remove <package-name>

    • Запуск скриптов, описанных в package.json:

      yarn run <script-name>

  3. Сравнение npm и Yarn

    • Yarn быстрее благодаря параллельной установке пакетов.
    • Lock-файлы (yarn.lock и package-lock.json) обеспечивают одинаковую установку зависимостей на разных машинах.
    • Оба инструмента совместимы с Vue.js и выбор зависит от предпочтений команды.

Проверка корректности установки

После установки Node.js и менеджера пакетов необходимо убедиться, что среда готова для работы с Vue.js:

node -v
npm -v   # или yarn -v

Вывод версий подтверждает корректную установку. Дальнейшие шаги включают создание проекта Vue с использованием Vue CLI или Vite, что требует наличия Node.js и npm/yarn.

Рекомендации по обновлению

  • Node.js обновляется редко, но важно поддерживать версию LTS для стабильности.

  • npm можно обновлять отдельно через:

    npm install -g npm@latest

  • Yarn обновляется командой:

    yarn set version latest

Поддержание актуальных версий обеспечивает совместимость с последними пакетами Vue.js и другими современными инструментами фронтенд-разработки.

Оглавление