Definisi npm yang jelas dan apa yang dilakukannya

Terdapat banyak alat pembangunan depan moden, dan pemula sering dikelirukan. Banyak konsep yang kelihatan tunggal, tetapi sebenarnya terdiri daripada pelbagai bahagian yang saling berkaitan, yang berlaku pada NPM dan ekosistemnya.

Sebagai contoh, istilah "internet" nampaknya mudah, tetapi ia mengandungi banyak komponen seperti protokol, DNS, pelayan, pelayar, rangkaian, permintaan dan respons, serta teknologi lain yang terkumpul selama bertahun -tahun lelaran. Penyemak imbas itu sendiri juga merupakan sistem kompleks yang terdiri daripada pelbagai bahagian.

Bab Panduan

1. Siapa panduan ini?
2. Apa sebenarnya maksud "npm"? (Bab Semasa)
3. Apakah baris arahan?
4. Apa itu node.js?
5. Apa itu Pengurus Pakej?
6. Bagaimana cara memasang npm?
7. Bagaimana cara memasang pakej npm?
8. Apakah arahan NPM?
9. Bagaimana cara memasang projek NPM yang sedia ada?

NPM adalah koleksi teknologi

Begitu juga, apa yang biasa kita panggil "NPM" (semua huruf kecil) dan "backend depan" sebenarnya adalah koleksi banyak teknologi dan sistem yang berbeza, seperti mekanik Rub Goldberg yang kompleks yang digunakan untuk menjana kod mesra penyemak imbas.

Baris arahan yang disebut sebelum ini adalah cara utama kita berinteraksi dengan ekosistem NPM, yang akan diterangkan secara terperinci dalam bab seterusnya.

NPM sendiri tergolong dalam kategori perisian "Pengurusan Pakej", dan kami juga akan menerangkannya. Malah, dalam panduan ini, saya mungkin sering merujuk kepada NPM sebagai pengurus pakej.

Akhirnya, Node.js sendiri, yang sukar untuk dijelaskan dengan cara yang ringkas, dan saya sering meringkaskannya dalam kata-kata Douglas Adams: ia adalah bahasa pengaturcaraan yang hampir sama seperti yang sama seperti JavaScript.

Alat Pengurusan Projek NPM

Lebih banyak kerumitan ialah banyak projek yang memasuki npm install pada baris arahan mungkin mempunyai pelbagai alat yang dipasang untuk melaksanakan pelbagai tugas dalam projek, seperti kod pemprosesan (contohnya, menukar kod SASS ke CSS). Banyak projek preconfigured sehenti boleh didapati untuk pemasangan langsung (seperti Create React App, Next.js, Nuxt.js, dan Sveltekit). Ini mudah, tetapi ia juga menambah kerumitan-bermakna kita perlu menambah lebih banyak nama ke senarai "back-end front-end" perkara.

Penyenaraian ini biasanya termasuk Babel (untuk menyusun JavaScript), Sass (untuk menyusun CSS), Webpack (untuk Sumber Sumber), Vite (untuk membangunkan pelayan dan alat lain) ), Lebih cantik (untuk kod pemformatan), dan perpustakaan ujian seperti Jest atau Cypress.

Semua alat ini (dan lebih) jatuh ke dalam kategori yang luas, yang sering disediakan dengan projek yang dipasang NPM-atau boleh dipasang dan digunakan melalui NPM-tetapi sebenarnya bukan sebahagian daripada NPM sendiri. Mereka hanya contoh alat moden yang membantu kami mengendalikan kod dengan lebih baik, menyebutnya di sini hanya untuk menggambarkan perbezaan untuk memahami di mana sempadan terletak di dunia yang besar dan baru muncul ini.

Dengan cara ini, jika anda tidak tahu apa yang paling (atau mana -mana) alat yang disebutkan di atas adalah, tidak mengapa. Mungkin anda belum menemui mereka, atau anda telah memasangnya dalam projek anda tanpa mengetahui nama mereka. Sama ada cara, semua ini hanya untuk menyediakan konteks tambahan.

Mari berakhir

Jika anda merasa sedikit terharu pada masa ini, jangan risau. Titik utama yang saya harap anda boleh ingat selepas membaca bab ini adalah bahawa apa yang kita fikirkan sebagai "npm" (atau lebih santai, "semua baris arahan, barangan backend") bukan satu perkara, tetapi satu set komponen yang bekerjasama untuk menjadikan pembangunan lebih mudah bagi kita.

Ya: Walaupun semua kerumitan ini mungkin kelihatan menakutkan pada mulanya, ia menjadikan perkara lebih baik. Saya berjanji.

Walaupun bahagian depan nampaknya berkembang dengan pesat, anda tidak ditinggalkan . Anda mungkin hanya perlu melakukan pembelajaran berterusan untuk mengejar.

← Bab 1 Bab 3 →

Atas ialah kandungan terperinci Definisi npm yang jelas dan apa yang dilakukannya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!