{{ message }}

Tutorial Cara Menggunakan NPM

13/04/2017 | Web Tools
Tutorial Cara Menggunakan NPM

NPM adalah sebuah tools yg dapat digunakan untuk menginstall, mendistribusikan dan sharing paket modul kode. NPM juga digunakan untuk mengatur dependensi project Anda. Secara umum NPM digunakan untuk menginstall paket berupa modul third party untuk project Anda ataupun dapat digunakan untuk menginstall sebuah software berbasis CLI (Command Line Interface).

Kali ini kita akan membahas cara menggunakan NPM, untuk pengguna sistem operasi windows Anda dapat menginstall NodeJS karena NPM juga akan otomatis terinstall ketika Anda menginstall NodeJS. Anda dapat men-download NodeJS disitus resmi NodeJS disini.

Jika NodeJS telah terinstall Anda dapat melakukan pengecekan versi NPM yg terinstall di komputer Anda. Silakan buka command line/terminal Anda lalu ketikan perintah berikut ini;

npm --version

Jika versi dari NPM ditampilkan, maka NPM telah terinstall dengan baik. Berikutnya adalah mencoba masuk atau membuat direktori project Anda, misalnya seperti berikut;

 
mkdir testproject
cd testproject
 

Saya asumsikan sekarang Anda telah berada aktif pada direktori baru seperti diatas yaitu direktori testproject. Kita akan mencoba menginstall sebuah paket modul di direktori ini misalnya modul jquery. Pastikan internet Anda aktif karena perintah ini akan mengambil paket jquery secara otomatis dari internet;

npm install jquery
 

Perintah diatas akan secara otomatis membuat direktori node_modules di dalam direktori testproject. Direktori node_modules adalah tempat dimana semua paket yg diinstall akan ditempatkan. Direktori ini akan selalu tercipta jika kita menginstall paket dengan NPM. Anda dapat mengecek dengan windows explorer bahwa modul jquery telah terinstall dengan baik didalam folder node_modules/jquery. Disitu Anda dapat melihat terdapat banyak file Javascript yg dapat Anda pilih dan Anda gunakan di project Anda. Untuk dapat mencari apa saja paket modul yg tersedia Anda dapat membuka situs www.npmjs.com.

Kita dapat juga menginstall paket software yg penggunaanya bersifat global yaitu tidak hanya untuk suatu project tertentu. Biasanya adalah paket software berbasis CLI yg dapat digunakan di Command Line/Terminal. Misalnya software seperti webpack yaitu software untuk membundling source code Javascript Anda menjadi satu kesatuan. Berikut ini cara menginstall paket software secara global;

npm install -g webpack

Untuk membuktikan webpack telah terinstall dengan baik di komputer Anda silakan ketik;

webpack

Sekarang perintah webpack dapat digunakan di direktori manapun, karena software tersebut telah terinstall secara global.

Mengelola Paket Modul pada Project

Untuk mengelola paket modul pada project Anda secara lebih serius. Anda dapat mengikuti tutorial saya berikut ini. Sebaiknya Anda melakukan inisialisasi dulu di direktori project Anda yg aktif yaitu dengan perintah seperti berikut;

npm init

Lalu jawablah semua pertanyaan yg muncul di Command Line/Terminal Anda lalu tekan enter setiap menjawab. Perintah inisialisasi tersebut akan menciptakan sebuah file yaitu package.json yg nantinya bebas untuk Anda edit dengan text editor kesayangan Anda sesuai peraturan yg berlaku pada NPM. Karena kita sudah memiliki file package.json maka kita sebaiknya menambahkan option –save setiap menginstall paket.

npm install --save namapaket

Dengan option –save ini maka setiap penginstallan paket atau penghapusan paket akan disimpan datanya ke file package.json, silakan lihat perubahan file tersebut dengan text editor jika Anda menginstall paket tertentu. Untuk uninstall paket tertentu Anda dapat menggunakan perintah;

npm uninstall --save namapaket

Dengan adanya file package.json maka versi dari modul-modul yg Anda gunakan akan terjaga, ini juga berlaku ketika file-file modul Anda hilang. Anda dapat mencoba hal berikut setelah Anda menginstall beberapa paket dengan option –save. Lalu hapuslah file node_modules yg berisi semua paket yg telah Anda install, lalu ketik perintah berikut;

npm install

Maka semua modul Anda akan kembali lagi dengan versi yg sama sesuai yg tertulis di package.json.