FluentStack

`npm install` dan `npm run`

Mode tersedia: dark, light, paper
MasukDaftar
Intermediate · Level 6: TypeScriptIntermediate50 menitBahasa Indonesia

`npm install` dan `npm run`

Memahami workflow dasar menginstall dependency dan menjalankan script project npm.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Menjelaskan fungsi npm install
  • Menjelaskan fungsi npm run
  • Menjalankan script project dari package.json secara lokal
npmTerminalLocal WorkflowScripts

Isi lesson

5 blok
  1. 1.
    Dua command yang akan sering kamu temuiBelum selesaiWajib
  2. 2.
    Workflow command dasarBelum selesaiWajib
  3. 3.
    Checklist local taskBelum selesaiWajib
  4. 4.
    Script harus ada di package.jsonBelum selesaiWajib
  5. 5.
    RingkasanBelum selesaiWajib

Dua command yang akan sering kamu temui

Wajib

Saat menerima project modern, biasanya kamu tidak langsung membuka HTML di browser. Kamu masuk ke folder project lewat terminal, menginstall dependency, lalu menjalankan script development.

Dua command yang paling sering muncul adalah `npm install` dan `npm run <script>`. `npm install` membaca package.json dan package-lock.json untuk menyiapkan node_modules. `npm run` menjalankan script yang sudah ditulis di package.json.

Bagian ini memengaruhi progres lesson.

Workflow command dasar

Wajib
bash
cd frontend-tooling-practice
npm install
npm run dev

cd masuk ke folder project. npm install mengunduh dependency. npm run dev menjalankan script dev jika script itu ada di package.json.

Bagian ini memengaruhi progres lesson.

Checklist local task

Wajib

Gunakan project npm yang sudah ada atau project latihan kecil dari mentor/dokumentasi. Lalu kerjakan:

  • Buka terminal di folder project yang punya package.json.
  • Jalankan `npm install`.
  • Tunggu sampai proses selesai tanpa error fatal.
  • Buka package.json dan lihat nama script yang tersedia.
  • Jalankan salah satu script, misalnya `npm run dev`, `npm run build`, atau script lain yang memang ada.
  • Jika command gagal, baca pesan error paling atas dan paling bawah.
  • Jangan hapus file random hanya karena panik. Pahami pesan error dulu.

Tandai selesai setelah kamu benar-benar menjalankan minimal satu script dari package.json.

Bagian ini memengaruhi progres lesson.

Peringatan

Wajib

Script harus ada di package.json

Kalau package.json tidak punya script `dev`, command `npm run dev` akan gagal. Itu bukan selalu tanda npm rusak. Artinya project tersebut tidak menyediakan script bernama dev. Baca scripts yang tersedia dulu.

Bagian ini memengaruhi progres lesson.

Ringkasan

Wajib
  • `npm install` menyiapkan dependency project.
  • `npm run <script>` menjalankan script dari package.json.
  • Script yang bisa dijalankan harus tertulis di package.json.
  • Saat error, baca pesan terminal sebelum mengambil tindakan.
  • Berikutnya, kamu akan membedakan dependency dan devDependency secara sederhana.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: Dua command yang akan sering kamu temui.

Memuat progresReview module