Apa Itu npm? Sebuah Dasar untuk Para Pemula

on

Mungkin ada sekilas pertanyaan di benak Anda seperti “apa itu npm?” saat Anda menjadi seorang developer. npm adalah Node Package Manager. Selama bertahun-tahun, Node digunakan secara luas oleh developer JavaScript untuk membagikan tools, install berbagai modul dan mengelola dependensi mereka. Karena itu, mengetahui npm sangatlah penting untuk orang yang bekerja dengan Node.js


Bagaimana Cara Kerja npm?

Anda perlu mengetahui dua role yang dikerjakan npm untuk mendalami pengetahuan Ada tentang apa itu npm dan bagaimana cara kerjanya. :

  • Sebagai repositori untuk menerbitkan project open-source Node.js. Yang berarti, platform ini menjadi wadah offline dimana siapapun dapat menerbitkan dan membagikan tool yang ditulis dengan JavaScript.
  • Npm adalah tool command line yang dapat menyalurkan interaksi pada platform online, contohnya browser dan server. Utilitas ini dapat menginstal dan uninstal package, mengelola versi dan dependensi yang diperlukan untuk menjalankan proyek.

Untuk menggunakannya, Anda harus menginstall node.js – sebagaimana node.js dan npm berada dalam satu bundle.

halaman utama node package manager

Utilitas command line npm dapat membuat node.js bekerja dengan baik.Untuk menggunakan packagenya, proyek Anda harus memiliki file bernama package.json. Di dalam package tersebut, Anda akan mendapati metadata tertentu pada proyeknya.

Metadata tersebut menunjukkan beberapa aspek dari proyek dengan urutan sebagai berikut:

  • Nama proyek
  • Versi
  • Deskripsi
  • Entry point
  • Test command
  • Repositori git
  • Keyword
  • Lisensi
  • Dependensi
  • devDependency

Metadata dapat mempermudah identifikasi proyek dan berlaku juga sebagai dasar untuk user dalam mendapatkan informasi proyek.

Berikut adalah contoh bagaimana Anda dapat mengidentifikasi proyek melalui metadatanya:

  1. {
  2. "name": "hostinger-npm",
  3. "version": "1.0.0",
  4. "description": "npm guide for beginner",
  5. "main": "beginner-npm.js",
  6. "scripts": {
  7. "test": "echo \"Error: no test specified\" && exit 1"
  8. },
  9. "keywords": [
  10. "npm",
  11. "example",
  12. "basic"
  13. ],
  14. "author": "Hostinger International",
  15. "license": "MIT",
  16. "dependencies": {
  17. "express": "^4.16.4"
  18. }
  19. }
  • Bernama hostinger-npm
  • Versi is 1.0.0
  • Merupakan npm guide for beginners
  • Entry point dari proyek ini adalah beginner-npm.js
  • Keyword untuk menemukan proyek dalam repositori adalah npm, example, and basic
  • Pembuat proyek ini adalah Hostinger International
  • Proyek ini terlisensi oleh MIT
  • The dependencies atau modul lain yang digunakan adalah express 4.16.4

Bagaimana Cara Install npm Modules dan Memulai Sebuah Proyek?

Pertama, Anda harus memastikan bahwa node.js dan npm telah terinstall. Anda dapat melakukannya dengan beberapa command mudah.

Untuk mengetahui apakah node.js sidah terinstall buka Terminal atau tool command line dan ketikkan node -v. Command ini akan menunjukkan versi dari node.js yang terinstall seperti:

$ node -v 
v0.10.9

Untuk mengetahui apakah npm juga telah terinstall, tuliskan npm -v. Command ini akan menunjukkan versi npm seperti:

$ npm -v 
1.2.25

Jika Anda tidak memiliki Node, dapatkan installernya di website node.js, dan ikuti perintah installer.

Npm terkenal akan one-line installernya:

$ curl https://npmjs.org/install.sh | sh

Setelah diinstall, Anda dapat mengupdate npm karena versi terbaru akan selalu diupdate secara reguler. Untuk mengupdatenya, cukup download installer dari situs node.js dan jalankan lagi. Versi terbarunya akan mengganti versi yang sebelumnya secara otomatis.

Namun, Anda juga dapat mengupdatenya dengan command ini:

$ npm update -g npm

Membuat Proyek Menggunakan npm

Jika Anda telah memiliki Node dan npm, lalu ingin membuat sebuah proyek, jalankan command npm init. Command ini akan memulai proyek Anda.

Sebagai contoh, mari buat direktori bernama test-npm dan cd. Sekarang, jalankan command npm:

$ npm init

Command ini sebagai tool untuk membuat file package.json untuk proyek yang dijalankan. Setelah Anda melalui langkah-langkah npm init, file package.json akan dibuat dan ditempatkan pada direktori saat ini.

Command init dari Node package manager menjelaskan tentang proses yang dijalankan command tersebut:

  1. mymacs-MacBook-Pro: test-npm mymac$ npm init
  2. This utility will walk you through creating a package.json file.
  3. It only covers the most common items, and tries to guess sane defaults.
  5. See `npm help json` for definitive documentation on these fields and exactly what they do.
  7. Use `npm install --save` afterwards to install a package and save it as a dependency in the package.json file.
  9. Press ^C at any time to quit.
  10. name: (test-npm)

Respond untuk prompt npm init:

  1. name: (test-npm)hostinger-npm
  2. version: (1.0.0)1.0.0
  3. description: npm guide for beginner
  4. entry point: (index.js) beginner-npm.js
  5. test command:
  6. git repository:
  7. keywords: npm, example, beginner
  8. author: Hostinger Internationallicense: (ISC) MIT

Tekan “Enter” untuk menyetujuinya. Lalu, npm init akan memberi Anda sebuah preview dari package.json yang akan dibuat.

Outputnya akan terlihat seperti ini:

  1. {
  2. "name": "hostinger-npm",
  3. "version": "1.0.0",
  4. "description": "npm guide for beginner",
  5. "main": "beginner-npm.js",
  6. "scripts": {
  7. "test": "echo \"Error: no test specified\" && exit 1"
  8. },
  9. "keywords": [
  10. "npm",
  11. "example",
  12. "basic"
  13. ],
  14. "author": "Hostinger International",
  15. "license": "MIT",
  16. "dependencies": {
  17. "express": "^4.16.4"
  18. }
  19. }
  21. Is this OK? (yes) yes
  22. mymac-MacBook-Pro: test-npm mymac$

Ketikkan “yes” dan tekan “Enter” untuk menyetujui, simpan package.json. Anda dapat menggantinya nanti, entah dengan mengedit filenya langsung atau melalui comman npm init lagi.

Menginstall npm Modules

Package pada node.js memuat semua fle yang Anda butuhkan sebagai module. Module adalah library JavaScript yang dapat Anda masukkan ke dalam proyek.

Menginstall modul adalah hal yang paling mendasar untuk dilakukan ketika menggunakan Node package manager. Berikut adalah command untuk install modul ke direktori saat ini:

$ npm install <module> 

$ npm i <module>

Pada command di atas, ganti <module> dengan nama module yang ingin Anda install.

Contohnya, ketika Anda ingin menginstall Express – web framework node.js, Anda dapat menjalankan command:

$ npm install express

 

  1. [mymac-MacBook-Pro:test-npm mymac$ npm install express]
  2. npm notice created a lockfile as package-lock.json. You should commit this file.
  3. npm WARN hostinger-npm@1.0.0 No repository field.
  5. + express@4.16.4
  6. added 48 packages from 36 contributors and audited 121 packages in 2.798s
  7. found 0 vulnerabilities
  9. mymac-MacBook-Pro: test npm mymac$

Command tersebut akan menginstall modul express ke /node_modules pada direktori saat ini.

Ketika Anda menginstall modul dari npm, modul tersebut akan terinstal ke folder node_module.

Berikut adalah output setelah Anda menginstall modul ke dalam proyek:

  1. [mymac-MacBok-Pro: test-npm mymac$ cat package.json]
  2. {
  3. "name": "hostinger-npm",
  4. "version": "1.0.0",
  5. "description": "npm guide for beginner",
  6. "main": "beginner-npm.js",
  7. "scripts": {
  8. "test": "echo \"Error: no test specified\" && exit 1"
  9. },
  10. "keywords": [
  11. "npm",
  12. "example",
  13. "basic"
  14. ],
  15. "author": "Hostinger International",
  16. "license": "MIT",
  17. "dependencies": {
  18. "express": "^4.16.4"
  19. }
  20. }
  21. mymac-MacBok-Pro: test-npm mymac$ []

Kesimpulan

Seperti yang Anda ketahui, selain fungsi utama npm sebagai database online untuk berbagai package node.js, tujuan utama dari Node package manager adalah dependensi otomatis dan pengelolaan file package.json dengan Command Line Interfacenya.

Berikut adalah command dasar yang perlu Anda ketahui:

  • Install npm:
$ curl https://npmjs.org/install.sh | sh
  • Cek versi npm:
$ npm -v
  • Memulai sebuah proyek:
$ npm init
  • Install modules:
$ npm install <module>

$ npm i <module>

Sekarang, ANda telah mengetahui apa itu npm dan kami jamin,jJika Anda berencana untuk bekerja dengan JavaScript, npm dapat menjadi tool yang bisa diandalkan.

Comments

Post a Comment