Установка и настройка Yarn (Windows/macOS)
Установка и настройка Yarn (Windows/macOS)

🔥Введение

В области современной интерфейсной разработки эффективное управление зависимостями и инструменты построения проектов являются краеугольным камнем повышения эффективности разработки и бесперебойной совместной работы команды. Yarn, как быстрое, надежное и безопасное решение для управления зависимостями, не только оптимизирует процесс установки пакета, но и переопределяет рабочий процесс разработчика благодаря таким функциям, как интеллектуальное кэширование, параллельные операции и детерминированная установка. Цель этой статьи — предоставить разработчикам на платформах Windows и macOS подробный набор руководств по установке и настройке Yarn, чтобы каждый разработчик мог легко начать работу и насладиться удобством и эффективностью Yarn, независимо от того, инициализирует ли он новые проекты, добавляет зависимость или или плавно переключать среды разработки между разными операционными системами.


🚀 Знакомство с пряжей

Yarnэто современный、быстрая зависимостьуправлятьинструмент,изначально это было сделаноFacebookразработан и в2016Запущен в,В основном обслуживаюJavaScriptпроект,Особенно те, которые основаны наNode.jsПроект。Yarnстремится решитьnpm(Node Package Manager), такие как медленная установка, непоследовательное управление зависимостями и проблемы с сетью. Yarn улучшает работу разработчиков благодаря следующим основным функциям:

  1. последовательностьYarnИспользовать файл блокировки(yarn.lock)чтобы гарантировать, что каждая установка получает одно и то же дерево зависимостей,Независимо от того, в какой системе он установлен и когда он установлен.,Это обеспечивает согласованную среду разработки среди членов команды.,Избегайте проблем типа «это работает на моей машине».
  2. производительностьYarnЗа счет распараллеливания операций、Стратегии кэширования и автономный режим,Значительно ускоряет загрузку и установку зависимых пакетов. Он будет кэшировать загруженные пакеты локально.,Чтение непосредственно из кеша во время следующей установки.,Уменьшите сетевые запросы.
  3. безопасностьYarnПеред установкой проверяется целостность упаковки,Убедитесь, что посылка не была подделана,Добавлена ​​безопасность среды разработки.
  4. УправляемостьYarnПредоставляет более детальные возможности управления.,Например, вы можете выбрать установку определенной версии зависимости.,иличерез рабочее пространство(Workspaces)Особенности впроектсерединауправлятьнесколько сабвуферовпроектзависимость。
  5. Простота использования:Хотя мощный,YarnВсе еще остается простымCLI(интерфейс командной строки),Позволяет выполнять общие задачи пакета (такие как установка, обновление, удаление). зависимостей) интуитивно понятно и эффективно.
  6. Кроссплатформенная совместимостьYarnМожет работать на нескольких операционных системах,включатьWindowsmacOSиLinux,Обеспечивает широкую применимость и последовательность.

Подводя итог, Yarn — это мощный и удобный менеджер пакетов, который обеспечивает более эффективное решение по управлению зависимостями для проектов JavaScript за счет оптимизации производительности, улучшенных мер безопасности и обеспечения согласованности среды.


🪟 Установите и настройте Yarn в системе Windows.
Шаг 1. Установите Node.js
  • доступ Официальный сайт Node.js Загрузите последний установочный пакет стабильной версии, подходящий для вашей системы Windows.
  • Выполните установку по умолчанию и убедитесь, что «Добавить to PATH» для глобального доступаNode.js и npm.
Шаг 2: Установите пряжу

Откройте командную строку (CMD) или PowerShell и введите следующую команду, чтобы установить Yarn глобально:

Язык кода:javascript
копировать
npm install --global yarn
Шаг 3. Настройте источник зеркала Yarn (необязательно, улучшите скорость загрузки)

Если вы хотите перейти на источник внутреннего зеркала, например зеркало Taobao npm:

Язык кода:javascript
копировать
yarn config set registry https://registry.npm.taobao.org
Шаг 4. Проверьте установку.

Введите в командной строке:

Язык кода:javascript
копировать
yarn -v

Если выводится номер версии Yarn, установка прошла успешно.

Шаг 5. Настройте переменные среды (только если Yarn не доступен глобально)
  • Если переменные среды не были добавлены автоматически при установке Node.js, вам необходимо добавить их вручную:
    1. Найдите каталог установки Yarn (обычно он находится в %USERPROFILE%\AppData\Local\Yarn или %ProgramFiles%\Yarn)вниз bin Оглавление.
    2. Добавьте этот каталог в системную переменную среды PATH.

🍏 Установите и настройте Yarn в системе macOS.
Шаг 1. Установите Homebrew

Если Homebrew еще не установлен, откройте терминал и введите следующую команду:

Язык кода:javascript
копировать
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/main/install.sh)"
Шаг 2. Установите Node.js

Установите Node.js с помощью Homebrew:

Язык кода:javascript
копировать
brew install node
Шаг 3: Установите пряжу

Установите Yarn через Homebrew:

Язык кода:javascript
копировать
brew install yarn
Шаг 4. Настройте источник изображения Yarn (необязательно)

Изменение источника внутреннего зеркала:

Язык кода:javascript
копировать
yarn config set registry https://registry.npm.taobao.org
Шаг 5. Проверьте установку.

В терминале введите:

Язык кода:javascript
копировать
yarn -v

Если отображается номер версии Yarn, установка прошла успешно.

📚 Общие части

Будь то Windows или macOS,После установки пряжи,ты можешьпроектсередина使用yarnкоманда для инициализации、Также добавлены и управляются зависимости. Например:

Инициализируйте новый проект:

Язык кода:javascript
копировать
yarn init

Добавьте зависимости:

Язык кода:javascript
копировать
yarn add <package-name>

Установите зависимости:

Язык кода:javascript
копировать
yarn install

На этом этапе вы успешно установили и настроили Yarn в своих операционных системах и готовы начать счастливый путь разработки! Не забывайте обращать внимание на официальные обновления и вовремя обновлять версию Yarn.

boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода