0Pricing
JavaScript Academy · Pelajaran

Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim

Utamakan alat lokal (proyek) daripada instalasi global; pahami perintah paket "bin", PATH npm-run, dan alur kerja tim sederhana

Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Mengapa alat lokal?

Tujuan: Jalankan alat yang sama di mana pun.

  • Utamakan alat lokal (devDependencies)
  • Gunakan npm scripts agar PATH mencakup node_modules/.bin lokal
  • Pahami entri bin dalam paket
  • Hindari perbedaan versi global
Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim — ilustrasi 1

Lokal lebih baik daripada global

npm run secara otomatis menambahkan node_modules/.bin ke PATH dan menggunakan versi alat dari proyek.

// 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();
Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim — ilustrasi 2

Cara CLI tersedia

Kolom bin pada paket membuat berkas yang dapat dieksekusi di node_modules/.bin (misalnya, 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");
Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim — ilustrasi 3

PATH dalam scripts

Di dalam npm scripts, alat lokal Anda ditemukan secara otomatis melalui PATH yang telah diubah.

// 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);
Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim — ilustrasi 4

Alur kerja tim

Alur kerja:

  • Tambahkan sebagai devDependency
  • Buat sebuah skrip
  • Buat commit untuk berkas kunci
  • Gunakan npm ci untuk instalasi bersih
// 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);
Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim — ilustrasi 5

Instalasi global (jarang)

Kasus global yang jarang:

  • Utilitas seluruh sistem yang Anda gunakan secara manual (misalnya, http-server untuk pengujian cepat)
  • Namun, utamakan npx untuk alat sekali pakai dan instalasi lokal proyek untuk tim
Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim — ilustrasi 6

Kuis lokal vs global

Cek cepat: Versi alat yang konsisten.

Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim — ilustrasi 7

Ringkasan

Ringkasan: Instal alat secara lokal, sediakan CLI melalui bin, jalankan melalui npm scripts (PATH mencakup .bin), buat commit untuk berkas kunci, dan hindari perbedaan versi global.

Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim” gratis?

Ya — teks lengkap “Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim”?

Utamakan alat lokal (proyek) daripada instalasi global; pahami perintah paket "bin", PATH npm-run, dan alur kerja tim sederhana Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.

Berapa lama pelajaran “Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. package.json, skrip, dan deps vs devDeps
  2. npx dan Rentang Penerapan Versi Semantik
  3. Alat Lokal vs Global, Bin, dan Alur Kerja Ramah Tim
← Kembali ke JavaScript Academy