0Pricing
JavaScript Academy · Lekcja

package.json, skrypty oraz deps a devDeps

Poznanie pól package.json, definiowanie prostych skryptów oraz różnicy między dependencies i devDependencies

package.json, skrypty oraz deps a devDeps to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 1 z 3. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 3 lekcji w sumie.

Po co package.json?

Cel: Odczytywanie i używanie pliku package.json.

  • Najważniejsze pola: name, version, type
  • scripts: uruchamianie krótkich poleceń
  • dependencies a devDependencies
  • Wersje semantyczne (caret/tilde) — w skrócie dla początkujących
package.json, skrypty oraz deps a devDeps — ilustracja 1

Przegląd pól

package.json to manifest zawierający informacje o projekcie, skrypty i listy zależności.

// Emulate a minimal package.json as a JS object
const pkg = {
  name: "hello-app",
  version: "1.0.0",
  type: "module",
  scripts: {
    start: "node index.js",
    build: "echo building...",
    test: "echo tests..."
  },
  dependencies: {
    "chalk": "^5.3.0"
  },
  devDependencies: {
    "eslint": "^9.0.0"
  }
};

console.log("name:", pkg.name);
console.log("version:", pkg.version);
console.log("type:", pkg.type);
console.log("scripts:", Object.keys(pkg.scripts));
package.json, skrypty oraz deps a devDeps — ilustracja 2

Skrypty według nazwy

Należy dodawać polecenia w sekcji scripts (na przykład build, test), a następnie uruchamiać je za pomocą menedżera pakietów.

// Tiny emulator for "npm run <name>"
function runScript(name) {
  const cmd = pkg.scripts[name];
  if (!cmd) {
    console.log("no such script:", name);
    return;
  }
  console.log("running:", name, "->", cmd);
}

runScript("build");
runScript("test");
runScript("missing");
package.json, skrypty oraz deps a devDeps — ilustracja 3

Co gdzie umieścić?

dependencies są potrzebne podczas działania aplikacji, a devDependencies to narzędzia używane wyłącznie podczas programowania.

// List production deps vs development-time tools
function listDeps() {
  console.log("deps:", Object.keys(pkg.dependencies));
  console.log("devDeps:", Object.keys(pkg.devDependencies));
}

// Rule of thumb in comments:
// dependencies -> needed at runtime (your app uses them when running)
// devDependencies -> only for development (lint, test, build tools)

listDeps();
package.json, skrypty oraz deps a devDeps — ilustracja 4

Podstawy Semver

Semver określa dozwolone aktualizacje: caret (minor+patch), tilde (patch) albo dokładną wersję.

// Semantic version ranges (intent only)
// ^1.2.3  -> allow minor/patch updates (1.x compatible)
// ~1.2.3  -> allow patch updates (1.2.x)
// 1.2.3   -> exact version

const ranges = ["^1.2.3", "~1.2.3", "1.2.3"];
for (const r of ranges) {
  console.log("range:", r);
}
package.json, skrypty oraz deps a devDeps — ilustracja 5

Uwagi praktyczne

Wskazówki:

  • Skrypty powinny być krótkie i czytelne (na przykład build, test).
  • Biblioteki używane w czasie działania → dependencies; narzędzia → devDependencies.
  • Na początku warto używać zakresów z ^, a w razie potrzeby później zablokować dokładne wersje.
package.json, skrypty oraz deps a devDeps — ilustracja 6

Quiz: pole scripts

Szybkie sprawdzenie: gdzie znajdują się polecenia?

package.json, skrypty oraz deps a devDeps — ilustracja 7

Podsumowanie

Podsumowanie: package.json zawiera informacje o projekcie, sekcję scripts do uruchamiania zadań oraz rozdziela dependencies (zależności używane w czasie działania) od devDependencies (narzędzi deweloperskich). Proste zakresy Semver pomagają pozostawać na bieżąco.

package.json, skrypty oraz deps a devDeps — ilustracja 8

Często zadawane pytania

Czy lekcja „package.json, skrypty oraz deps a devDeps” jest bezpłatna?

Tak — pełny tekst „package.json, skrypty oraz deps a devDeps” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 3 lekcji w sumie.

Co nauczysz się w „package.json, skrypty oraz deps a devDeps”?

Poznanie pól package.json, definiowanie prostych skryptów oraz różnicy między dependencies i devDependencies Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?

Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 3.

Ile czasu zajmuje lekcja „package.json, skrypty oraz deps a devDeps”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?

Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. package.json, skrypty oraz deps a devDeps
  2. npx i zakresy wersji semantycznych
  3. Narzędzia lokalne i globalne, biny oraz praca przyjazna zespołowi
← Powrót do JavaScript Academy