Как да използвам Yarn с Vue.js проекти?

Здравейте! Ако харесвате Vue.js проекти и искате да повишите нивото на играта си за разработка, използването на Yarn може да бъде пълна промяна на играта. И за ваш късмет, аз съм доставчик на прежди, така че имам всички тънкости, които да споделя с вас.

Първо, нека поговорим за това какво е Yarn. Yarn (Yet Another Resource Negotiator) е бърз, надежден и сигурен мениджър на зависимости за вашите JavaScript проекти. Той е разработен от Facebook и някои други големи технологични играчи като алтернатива на npm. Що се отнася до Vue.js, Yarn може да ви помогне да управлявате по-ефективно зависимостите на вашия проект, като гарантира, че приложението ви работи гладко.

Монтаж

Първата стъпка е да инсталирате Yarn на вашата система. Ако използвате macOS, можете да използвате Homebrew. Просто отворете вашия терминал и изпълнете следната команда:

варете инсталирайте прежда

За Windows можете да изтеглите инсталатора от официалния уебсайт на Yarn и да следвате инструкциите на екрана. Потребителите на Linux могат да използват мениджъра на пакети, който идва с тяхната дистрибуция. Например в Ubuntu можете да стартирате:

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list sudo apt актуализация && sudo apt инсталиране на прежда

След като инсталирате Yarn, сте готови да започнете да го използвате във вашите Vue.js проекти.

Стартиране на нов Vue.js проект с Yarn

Ако искате да започнете нов Vue.js проект, Yarn може да направи процеса лесен. Първо създайте нова директория за вашия проект:

mkdir my - vue - project cd my - vue - project

Сега можете да използвате Vue CLI, за да генерирате нов проект. Ако нямате Vue CLI инсталиран глобално, можете да го направите с Yarn:

yarn global add @vue/cli

След като инсталацията приключи, можете да създадете нов Vue.js проект, като използвате следната команда:

изглед създадете.

Когато бъдете подканени, можете да изберете предпочитаната от вас предварителна настройка. И по време на инсталационния процес, Yarn ще се използва за изтегляне на всички необходими зависимости.

Добавяне на зависимости

Едно от основните предимства на използването на Yarn във вашите Vue.js проекти е колко лесно е да добавяте нови зависимости. Да приемем, че искате да добавите популярен плъгин Vue.js като Vue Router. Можете просто да изпълните следната команда в главната директория на вашия проект:

прежда add vue - рутер

След това Yarn ще извлече най-новата версия на Vue Router и всички негови зависимости и ще ги добави към вашия проектpackage.jsonфайл. Можете също да добавите конкретна версия, като я посочите след името на пакета, като това:

yarn add vue - router@4.0.12

По този начин имате пълен контрол върху версиите на пакетите, които използвате.

Управление на скриптове

В проектите на Vue.js често имате дефинирани скриптове във вашияpackage.jsonфайл за изпълнение на различни задачи, като стартиране на сървъра за разработка, изграждане на проекта за производство и т.н. Yarn улеснява изпълнението на тези скриптове. Например, ако иматеразработкаскрипт във вашияpackage.jsonкато това:

{ "скриптове": { "dev": "vue - cli - service serve" } }

Можете да стартирате сървъра за разработка, като стартирате:

разработка на прежда

Това е толкова просто! Можете да дефинирате и изпълнявате всякакви персонализирани скриптове с помощта на Yarn, което спомага за рационализирането на вашия работен процес за разработка.

Кеширане и офлайн поддръжка

Друга страхотна характеристика на Yarn е неговата система за кеширане. Когато за първи път инсталирате пакет, Yarn го съхранява в глобален кеш. Така че следващия път, когато вие или някой друг от вашия екип инсталира същия пакет в различен проект, Yarn може да използва кешираната версия, вместо да я изтегля отново. Това спестява много време и честотна лента, особено когато работите върху множество проекти.

Освен това Yarn поддържа офлайн инсталация. Ако имате бавна или ненадеждна интернет връзка, все още можете да работите по проекта си Vue.js. Докато пакетите, от които се нуждаете, вече са в кеша, Yarn може да ги инсталира без интернет връзка.

Заключване на пакета

Преждата използва aпрежда.заключванефайл, за да заключите точните версии на всички пакети, от които зависи вашият проект. Това гарантира, че всеки път, когато вие или членовете на вашия екип инсталирате зависимостите, те получават точно същите версии. Това е от решаващо значение за поддържане на последователност в различните среди за разработка и избягване на проблеми, които могат да възникнат от използването на различни версии на пакети.

Използвайки нашите продукти от прежда

След като вече знаете как да използвате Yarn във вашите Vue.js проекти, може да се интересувате и от нашите висококачествени продукти от прежди. Ние предлагаме широка гама от прежди за различни приложения. Например, ако обичате да шиете, можете да разгледате нашияПолиестерни шевни конци. Той е здрав, издръжлив и идеален за всички ваши нужди при шиене.

Ако обичате да плетете пуловери, нашитеАкрилна вълнена прежда за плетене на пуловере чудесен избор. Има мека текстура и се предлага в различни цветове. А за тези, които търсят синтетичен вариант, нашият100% найлонова преждае едновременно здрав и лек.

Свържете се с нас за поръчки

Ако се интересувате от закупуването на нашите продукти от прежда, ние сме тук, за да ви помогнем. Независимо дали сте малък майстор или голям производител, ние можем да отговорим на вашите нужди. Нека започнем разговор за това как можем да работим заедно, за да ви осигурим правилната прежда за вашите проекти.

Референции

• Vue.js Документация
• Документация за прежди