Anda sedang membangun aplikasi dengan JavaScript, tapi perlu satu fitur yang penting? Nah, kalau tidak ingin membuatnya sendiri karena lama, NPM (Node Package Manager) adalah solusinya. Dengan NPM, Anda bisa mendapatkan berbagai packages JavaScript yang diperlukan untuk mendukung project Anda. Jadi, proses pembuatan aplikasi Anda bisa lebih cepat. Tapi, apa itu NPM sebenarnya? Nah, Anda telah menemukan artikel yang tepat. Kali ini, kami akan membahas NPM tutorial untuk memahami NPM package untuk membangun project. Di sini, Anda akan belajar pengertian, perintah dan cara instal NPM. Yuk, kita mulai! Apa Itu NPM?NPM adalah Node Package Manager, yaitu pengelola package JavaScript bawaan Node.js. Package manager sendiri merupakan tools yang fungsinya untuk mengelola package secara otomatis. Jadi, ketika sedang membangun aplikasi dengan JavaScript, Anda tak perlu lagi untuk mengunduh dependency package yang diperlukan secara manual, termasuk memastikan version number-nya. NPM memiliki dua fungsi sebagai sebuah package manager. Pertama, NPM adalah sebuah repository. Artinya, NPM berlaku sebagai platform tempat orang dapat berbagi package JavaScript buatan mereka di npmjs.org. Anda pun dapat melakukannya dengan package buatan Anda. Dengan fungsi NPM sebagai repository, Anda bisa men-download package yang diperlukan untuk mendukung project Anda kapan saja. Maka dari itu, Anda tidak perlu membuat berbagai fitur di aplikasi dari nol. Kedua, NPM juga berfungsi sebagai command line interface (CLI). Ini adalah tools untuk mengetikkan perintah untuk mengelola, mengunduh, dan meng-upload package JavaScript. Tampilannya mirip dengan Command Prompt di Windows atau Terminal di Linux. Sudah paham apa itu NPM? Lalu, bagaimana cara kerja NPM? Mari simak di bawah ini. Baca juga: Apa itu Forever.js? Cara Menjalankan Node.js dengan Forever NPM Bagaimana Cara Kerja NPMCara kerja NPM sesuai dengan dua fungsi yang dimilikinya. Pertama, cara kerja Node Package Manager adalah layaknya tempat penyimpanan seperti Google Drive atau Dropbox, tetapi khusus untuk menyimpan package JavaScript. Anda bisa membuatnya tersedia untuk pengguna NPM lain, atau disimpan untuk penggunaan sendiri. Kalau cara kerja NPM sebagai CLI atau tools adalah untuk mengelola package yang tersedia di repository NPM. Dengan menjalankan perintah tertentu melalui tools tersebut, Anda bisa melakukan download, upload, update, dan tindakan lain terkait NPM package. Sebagai contoh, Anda membuat program dan membutuhkan modul async untuk bekerja dengan asynchronous JavaScript. Yang perlu Anda lakukan adalah mengetikan npm install async. Selanjutnya fungsi async seperti require() bisa Anda gunakan di dalam program tersebut. Untuk menggunakan NPM, project Anda harus memiliki file package.json, yang berisi metadata seperti:
Nah, di bagian selanjutnya, Anda akan belajar beberapa perintah NPM yang diperlukan untuk mulai menggunakan NPM. Baca Juga: Panduan Belajar JavaScript Terlengkap untuk Pemula Perintah-Perintah NPM DasarDi bawah ini adalah daftar perintah dasar Node Package Manager yang perlu Anda ketahui:
Cara Instal NPMJika Anda ingin menggunakan Node Package Manager, Anda harus menginstal Node.js yang sudah sepaket dengannya. Nah, berikut ini adalah cara install Node.js di Windows dan Mac: Cara Instal NPM WindowsUntuk menginstal Node.js di Windows, ikuti langkah-langkah berikut ini: 1. Download dan Jalankan Installer Node.jsDownload installer Node.js di halaman ini sesuai yang Anda butuhkan. ![]() Pilih versi LTS untuk penggunaan umum dengan fitur yang lebih stabil. Pilih versi Current untuk men-download versi Node.js terbaru dengan fitur-fitur terkini. Setelah download, jalankan installer dan ikuti langkah instalasinya hingga selesai. 2. Cek Instalasi NPM dan Node.jsUntuk memastikan Node.js dan NPM sudah terinstal dengan baik, Anda bisa menjalankan perintah node -v dan npm -v di Command Prompt. Kedua perintah itu akan menampilkan versi Node.js dan NPM yang terinstal. Cara Instal NPM MacUntuk menginstal NPM di Mac, ikuti langkah-langkah berikut ini: 1. Download dan Jalankan Installer Node.jsBuka halaman ini dan klik macOS Installer untuk men-download installer Node.js untuk Mac. ![]() 2. Cek Instalasi Node.jsBuka Terminal dan jalankan perintah node -v untuk memastikan instalasi Node.js. 3. Update Versi NPMSaat Node.js terinstal di Mac, versi NPM tidak otomatis terupdate. Oleh karena itu, Anda perlu melakukannya secara manual dengan menjalankan perintah di bawah ini: $ sudo npm install npm --globalMenginstal Modul NPMSetelah instalasi NPM selesai, Anda harus menginstal modul atau library dulu sesuai kebutuhan proyek Anda. Misalnya, jika ingin menggunakan React, Anda perlu menginstal modul React. Caranya mudah, Anda tinggal menjalankan perintah di bawah ini: npm install <nama-modul>Atau npm i <nama-modul>Baca Juga: 12 Framework JavaScript Terbaik Membuat Proyek Sederhana dengan NPMSetelah NPM dan modul diinstal, Anda bisa mulai membuat proyek sederhana. Di panduan ini, kami akan mencontohkan dengan membuat program Hello World di Windows menggunakan PowerShell. Ini dia langkahnya: 1. Jalankan perintah pembuatan program berikut ini di PowerShell: c:\Users\<username>\myprogram.jsJangan lupa untuk mengganti <username> dengan username komputer Anda dan myprogram.js dengan nama program yang ingin Anda buat. Ketika dijalankan, akan ada pernyataan bahwa file tersebut tidak ada. Kemudian, sistem akan menawarkan untuk membuat file tersebut. Klik Yes. 2. Bukalah file myprogram.js di text editor yang Anda miliki. Lalu, masukkan kode ini ke dalamnya: var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end('Hello World'); }).listen(8080);3. Buka Windows PowerShell lagi dan jalankan perintah berikut menjadikan komputer Anda sebagai server yang menjalankan aplikasi sederhana tadi: node \users\<your_username>\myprogram.jsJika ada peringatan dari Windows Defender bahwa komputer Anda dapat menerima traffic, abaikan saja karena hanya sebuah percobaan Sekarang, jika Anda mengakses http://localhost:8080 melalui browser, teks “Hello World” akan muncul pada halaman tersebut. Itu artinya pembuatan aplikasi sudah berhasil Kalau ingin mematikan aplikasi tersebut, Anda tinggal masuk ke PowerShell dan tekan kombinasi tombol Ctrl dan C. Luncurkan Proyek NPM Anda di Niagahoster!NPM (Node Package Manager) adalah pengelola package JavaScript yang ada di Node.js. Dengan NPM, Anda bisa men-download berbagai package JavaScript untuk mempercepat pembuatan aplikasi. Di artikel ini, Anda sudah belajar apa itu npm, perintah-perintah dasar dan cara instalnya, kan? Kalau nantinya ingin meluncurkan proyek NPM secara online, pastikan Anda menggunakan server dengan performa tinggi yang telah mendukung NPM, ya. |