JavaScript Academy · Lezione

Strumenti locali e globali, bin e flussi di lavoro per il team

Preferisci gli strumenti locali del progetto alle installazioni globali; comprendi i comandi "bin" dei pacchetti, il PATH di npm-run e semplici flussi di lavoro di squadra.

Lezione 3 di 38 passaggi

Strumenti locali e globali, bin e flussi di lavoro per il team è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 3 di 3. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 3 lezioni in totale.

Perché strumenti locali?

Obiettivo: esegua gli stessi strumenti ovunque.

  • Preferisca gli strumenti locali (devDependencies)
  • Usi gli script npm affinché PATH includa node_modules/.bin
  • Comprenda le voci bin nei pacchetti
  • Eviti il disallineamento globale
Strumenti locali e globali, bin e flussi di lavoro per il team — illustrazione 1

Locale, non globale

npm run aggiunge automaticamente node_modules/.bin a PATH, utilizzando la versione dello strumento del progetto.

// Emulate running a tool locally vs globally
function runLocal() {
  console.log("npm run lint");
  console.log("→ uses node_modules/.bin/eslint (project version)");
}

function runGlobal() {
  console.log("eslint .");
  console.log("→ might use a different global version on each machine");
}

runLocal();
runGlobal();
Strumenti locali e globali, bin e flussi di lavoro per il team — illustrazione 2

Come compaiono le CLI

Il campo bin del pacchetto crea eseguibili in node_modules/.bin (ad es. mytool).

// Packages expose CLI commands via "bin" in package.json
const pkgLines = [
  "{",
  "  \"name\": \"my-tool\",",
  "  \"version\": \"1.0.0\",",
  "  \"bin\": {",
  "    \"mytool\": \"./dist/cli.js\"",
  "  }",
  "}"
];

for (const l of pkgLines) console.log(l);

// Install as devDependency => creates node_modules/.bin/mytool
console.log("After install: run with npm run or npx mytool");
Strumenti locali e globali, bin e flussi di lavoro per il team — illustrazione 3

PATH negli script

Negli script npm, gli strumenti locali vengono trovati automaticamente tramite il PATH modificato.

// When using npm run <name>, PATH includes node_modules/.bin first
const envExplain = [
  "npm run build -> PATH starts with node_modules/.bin",
  "so running \"vite\" resolves to ./node_modules/.bin/vite"
];

for (const l of envExplain) console.log(l);
Strumenti locali e globali, bin e flussi di lavoro per il team — illustrazione 4

Flusso di lavoro del team

Flusso di lavoro:

  • Aggiunga il pacchetto come devDependency
  • Crei uno script
  • Esegua il commit del lockfile
  • Usi npm ci per installazioni pulite
// Team checklist for consistent tools
const checklist = [
  "1) Add tool to devDependencies",
  "2) Add an npm script (e.g., \"lint\")",
  "3) Commit package.json and lockfile",
  "4) Teammates run: npm ci && npm run lint"
];

for (const step of checklist) console.log(step);
Strumenti locali e globali, bin e flussi di lavoro per il team — illustrazione 5

Strumenti globali (raramente)

Casi rari di utilizzo globale:

  • Utilità di sistema da usare manualmente (ad es. http-server per test rapidi)
  • Tuttavia, preferisca npx per gli strumenti occasionali e le installazioni locali al progetto per i team
Strumenti locali e globali, bin e flussi di lavoro per il team — illustrazione 6

Quiz: locale o globale

Verifica rapida: versioni coerenti degli strumenti.

Strumenti locali e globali, bin e flussi di lavoro per il team — illustrazione 7

Riepilogo

Riepilogo: installi gli strumenti localmente, esponga le CLI tramite bin, le esegua tramite gli npm scripts (PATH include .bin), esegua il commit del lockfile ed eviti il disallineamento globale.

Strumenti locali e globali, bin e flussi di lavoro per il team — illustrazione 8
Gratis per iniziare

Impara JavaScript con un tutor IA — gratis

Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.

Corsi
59
Lezioni
200

Domande Frequenti

La lezione «Strumenti locali e globali, bin e flussi di lavoro per il team» è gratuita?

Sì — il testo completo di «Strumenti locali e globali, bin e flussi di lavoro per il team» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 3 lezioni in totale.

Cosa imparerò in «Strumenti locali e globali, bin e flussi di lavoro per il team»?

Preferisci gli strumenti locali del progetto alle installazioni globali; comprendi i comandi "bin" dei pacchetti, il PATH di npm-run e semplici flussi di lavoro di squadra. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare JavaScript Academy?

Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 3.

Quanto tempo richiede la lezione «Strumenti locali e globali, bin e flussi di lavoro per il team»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?

Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. package.json, script e deps rispetto a devDeps
  2. npx e intervalli del versionamento semantico
  3. Strumenti locali e globali, bin e flussi di lavoro per il team
← Torna a JavaScript Academy