Cum se folosește Yarn pentru a gestiona scripturile pachetelor cu instrumente de formatare a codului?

Hei acolo! În calitate de furnizor de Yarn, sunt încântat să vă împărtășesc cum să utilizați Yarn pentru a gestiona scripturile de pachete cu instrumente de formatare a codului. Este un joc - schimbător în lumea dezvoltării și vă voi prezenta pas cu pas.

În primul rând, să vorbim despre motivul pentru care Yarn este atât de minunat. Yarn este un manager de dependență rapid, fiabil și sigur. Este ca și cum ai avea un asistent super-organizat pentru pachetele proiectului tău. Memorează în cache pachetele, astfel încât nu trebuie să le redescărcați de fiecare dată și se asigură că toți membrii echipei dvs. lucrează cu aceleași versiuni de dependențe.

Acum, când vine vorba de instrumente de formatare a codului, acestea sunt cruciale pentru menținerea unei baze de cod coerente și curate. Instrumente precum ESLint, Prettier și Stylelint pot detecta erori, pot aplica standardele de codare și pot face codul să arate profesional.

Configurarea firelor pentru proiectul dvs

Primul lucru pe care trebuie să-l faceți este să inițializați un nou proiect Yarn. Deschideți terminalul și navigați la directorul proiectului. Apoi rulați:

yarn init -y

The-şiflag omite solicitările interactive și creează apachet.jsonfișier cu setările implicite. Acestpachet.jsonfișierul este ca centrul de control al proiectului dvs. Stochează informații despre proiectul dvs., dependențele sale și scripturile pe care le puteți rula.

Instalarea instrumentelor de formatare a codului

Să începem prin a instala ESLint, un instrument popular de codificare. În terminalul dvs., rulați:

yarn add eslint --dev

The--devflag înseamnă că ESLint va fi instalat ca dependență de dezvoltare. Acest lucru se datorează faptului că aveți nevoie de el doar în timpul procesului de dezvoltare, nu în producție.

Apoi, puteți configura ESLint rulând:

yarn eslint --init

Această comandă vă va ghida printr-o serie de întrebări pentru a configura ESLint în funcție de nevoile proiectului dumneavoastră. Puteți alege un ghid de stil popular, cum ar fi Airbnb sau Standard, sau puteți personaliza singur regulile.

Prettier este un alt instrument excelent de formatare a codului. Instalează-l cu:

yarn add prettier --dev

Gestionarea scripturilor de pachete

Acum că aveți instalate instrumentele de formatare a codului, este timpul să configurați câteva scripturi în dvspachet.jsonfişier. Deschidepachet.jsonfișier în editorul dvs. de text.

Sub"scripte"secțiunea, puteți adăuga comenzi pentru a rula instrumentele de formatare a codului. De exemplu:

{ "scripts": { "lint": "eslint src", "format": "prettier --write src" } }

The"puf"scriptul rulează ESLint pesrcdirectorul proiectului dvs., căutând orice cod care încalcă regulile pe care le-ați stabilit. The"format"scriptul folosește Prettier pentru a formata automat tot codul dinsrcdirector.

Pentru a rula aceste scripturi, pur și simplu utilizațifirecomanda urmată de numele scriptului. De exemplu:

scame de fire

Aceasta va executapufscript-ul și vă arată orice erori de listing din codul dvs.

format de fire

Acest lucru vă va formata codul conform regulilor Prettier.

Combinarea instrumentelor pentru o eficiență maximă

De asemenea, puteți combina mai multe instrumente într-un singur script. De exemplu, este posibil să doriți să rulați ESLint și apoi Prettier dintr-o singură mișcare. Puteți face acest lucru adăugând un nou script la dvspachet.json:

{ "scripts": { "lint": "eslint src", "format": "prettier --write src", "check - and - format": "yarn lint && yarn format" } }

The&&operator înseamnă că a doua comandă (format de fire) va rula numai dacă prima comandă (scame de fire) reușește. Acum, când fugiverificarea firelor - și - format, va verifica mai întâi codul pentru erori de listing și apoi îl va formata.

Spații de lucru cu fire pentru Monorepos

Dacă lucrați la un monorepo (un proiect cu mai multe pachete), Yarn Workspaces poate fi de mare ajutor. Vă permite să gestionați mai multe pachete într-un singur depozit mai eficient.

Pentru a activa Spațiile de lucru Yarn, adăugați următoarele la dvspachet.json:

{ „spații de lucru”: [ „pachete/*” ] }

Acest lucru îi spune lui Yarn că toate pachetele dinpachetedirectorul fac parte din spațiul de lucru. Apoi puteți instala dependențe și rula scripturi în toate pachetele cu o singură comandă.

Exemple din lumea reală

Să presupunem că lucrați la un proiect care implică modele de tricotat. Este posibil să aveți o aplicație web care afișează modele de tricotat și un API de backend care stochează modelele. Puteți folosi Yarn pentru a gestiona dependențele și scripturile pentru ambele părți ale proiectului.

De exemplu, ați putea avea un script care să linteze și să formateze codul frontal și un alt script care să facă același lucru pentru codul backend.

{ "scripts": { "lint - frontend": "eslint frontend/src", "format - frontend": "prettier --write frontend/src", "lint - backend": "eslint backend/src", "format - backend": "prettier --write backend/src", "check - and - format & frontend - all frontend y" && scame de fire - backend && format de fire - backend" } }

Vitrina de fire și produse

În calitate de furnizor de fire, aș dori, de asemenea, să prezint câteva dintre produsele noastre uimitoare din fire. Consultați-nePulover Uniform Blue And Black Diamond Pulover Tricotat cu decolteu in V, care este realizat cu fire de înaltă calitate, perfect pentru tricotat. Avem șiPulover de toamnă/iarnă în stil Crăciun din tricot largi, o alegere excelentă pentru sezonul sărbătorilor. Iar dacă sunteți în căutarea ceva special, a noastrăFire brute 100% mătaseeste o opțiune de lux.

Concluzie și apel la acțiune

Utilizarea Yarn pentru a gestiona scripturile de pachete cu instrumente de formatare a codului vă poate simplifica procesul de dezvoltare. Vă ajută să vă păstrați baza de cod curată, consecventă și fără erori. Indiferent dacă lucrați la un proiect mic sau la un monorepo la scară largă, Yarn vă acoperă.

Dacă sunteți interesat de produsele noastre din fire sau aveți întrebări despre utilizarea Yarn pentru proiectele dvs., nu ezitați să contactați pentru o discuție privind achizițiile. Suntem aici pentru a vă ajuta să profitați la maximum de proiectele dvs. de dezvoltare și de tricotat.

Referințe

• Documentație oficială de fire
• Documentația oficială ESLint
• Documentație oficială mai frumoasă