0Pricing
JavaScript Academy · Lektion

Lokale und globale Tools, Bins und teamfreundliche Workflows

Lokale Projekt-Tools globalen Installationen vorziehen; Package-„bin“-Befehle, den npm-run-PATH und einfache Team-Workflows verstehen

Lokale und globale Tools, Bins und teamfreundliche Workflows ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Warum lokale Tools?

Ziel: Überall dieselben Tools ausführen.

  • Bevorzugen Sie lokale Tools (devDependencies)
  • Verwenden Sie npm scripts, damit PATH lokale Tools aus node_modules/.bin enthält
  • Verstehen Sie bin-Einträge in Paketen
  • Vermeiden Sie Abweichungen durch globale Installationen
Lokale und globale Tools, Bins und teamfreundliche Workflows — Illustration 1

Lokal statt global

npm run fügt node_modules/.bin automatisch zu PATH hinzu und verwendet die Tool-Version des Projekts.

// 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();
Lokale und globale Tools, Bins und teamfreundliche Workflows — Illustration 2

Wie CLIs verfügbar werden

Das Paketfeld bin erstellt ausführbare Dateien in node_modules/.bin (z. B. 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");
Lokale und globale Tools, Bins und teamfreundliche Workflows — Illustration 3

PATH in Scripts

In npm scripts werden Ihre lokalen Tools über den angepassten PATH automatisch gefunden.

// 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);
Lokale und globale Tools, Bins und teamfreundliche Workflows — Illustration 4

Team-Workflow

Workflow:

  • Als devDependency hinzufügen
  • Ein script erstellen
  • Das lockfile committen
  • npm ci für saubere Installationen verwenden
// 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);
Lokale und globale Tools, Bins und teamfreundliche Workflows — Illustration 5

Globale Installationen (selten)

Seltene Fälle für globale Installationen:

  • Systemweite Hilfsprogramme, die Sie manuell verwenden (z. B. http-server für schnelle Tests)
  • Bevorzugen Sie jedoch npx für einmalige Tools und lokale Installationen im Projekt für Teams
Lokale und globale Tools, Bins und teamfreundliche Workflows — Illustration 6

Quiz: lokal oder global

Kurze Überprüfung: Einheitliche Tool-Versionen.

Lokale und globale Tools, Bins und teamfreundliche Workflows — Illustration 7

Zusammenfassung

Zusammenfassung: Installieren Sie Tools lokal, stellen Sie CLIs über bin bereit, führen Sie sie über npm scripts aus (PATH enthält .bin), committen Sie Ihr lockfile und vermeiden Sie Abweichungen durch globale Installationen.

Lokale und globale Tools, Bins und teamfreundliche Workflows — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „Lokale und globale Tools, Bins und teamfreundliche Workflows“ kostenlos?

Ja — der vollständige Text von „Lokale und globale Tools, Bins und teamfreundliche Workflows“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Was lerne ich in „Lokale und globale Tools, Bins und teamfreundliche Workflows“?

Lokale Projekt-Tools globalen Installationen vorziehen; Package-„bin“-Befehle, den npm-run-PATH und einfache Team-Workflows verstehen Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 3.

Wie lange dauert die Lektion „Lokale und globale Tools, Bins und teamfreundliche Workflows“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. package.json, Skripte und deps vs. devDeps
  2. npx und Bereiche der semantischen Versionierung
  3. Lokale und globale Tools, Bins und teamfreundliche Workflows
← Zurück zu JavaScript Academy