‫Instruktur: Dalam video ini,
‫mari kita lihat dua jenis paket yang dapat
‫kita instal dengan npm, dan juga dua jenis instal yang ada.
‫Jadi dua jenis paket yang
‫bisa kita instal adalah dependensi sederhana atau dependensi pengembangan.
‫Sekarang sederhana, atau dependensi biasa, hanyalah paket yang berisi beberapa kode
‫yang akan kita sertakan dalam kode kita sendiri.
‫Jadi kode di mana kami membangun aplikasi kami sendiri, dan
‫itulah mengapa kami sebenarnya menyebutnya dependensi, karena
‫proyek kami dan kode kami bergantung padanya untuk
‫bekerja dengan benar.
‫Misalnya, Express, yang, sekali lagi, kerangka kerja
‫Node yang akan kita gunakan
‫nanti
‫dalam kursus, itu akan menjadi dependensi.
‫Jadi sekarang mari kita instal ketergantungan pertama kita
‫hanya untuk menunjukkan cara kerjanya.
‫Dan paket yang akan kita instal disebut Slugify, yang merupakan
‫alat kecil yang dapat kita
‫gunakan untuk membuat URL lebih mudah dibaca dari nama.
‫Misalnya, seperti nama produk dalam kasus
‫contoh bentuk simpul kami.
‫Jadi untuk menginstal ketergantungan sederhana di
‫npm, yang harus kita lakukan adalah mengatakan npm
‫install, dan kemudian nama
‫paketnya, yaitu Slugify.
‫Di versi sebelumnya, Anda juga harus
‫mengatakan tanda hubung simpan, seperti ini, tetapi sekarang
‫itu tidak lagi diperlukan.
‫Jadi jika Anda hanya menentukan npm install
‫slugify, maka paket ini akan diinstal sebagai dependensi biasa.
‫Dan perhatikan apa yang terjadi pada paket kami. json file setelah
‫instalasi selesai.
‫Jadi kita akan kembali sekarang, dan mari kita lihat apa yang terjadi.
‫Dan sebenarnya, itu sangat
‫cepat dan menginstal paket kami segera,
‫dan kemudian membuat bidang baru ini di sini yang disebut
‫dependensi, dan meletakkan dependensi pertama kami, Slugify, di sana.
‫Itu juga kemudian memiliki versi paket, tetapi
‫kita akan membicarakannya lebih banyak nanti di bagian
‫ini.
‫Ini adalah ketergantungan pertama kami,
‫dan sekali lagi, ini hanya ketergantungan biasa.
‫Dan kami akan menggunakan Slugify tepat
‫di video berikutnya, jadi untuk memahami bagaimana kami menggunakan dependensi pihak
‫ketiga ini dalam kode kami.
‫Tetapi saat ini, yang
‫ingin saya tunjukkan kepada Anda adalah bahwa selain
‫dependensi reguler ini, kami juga memiliki dependensi pengembangan.
‫Dan ini biasanya hanya alat untuk pengembangan,
‫misalnya seperti pembuat kode seperti
‫Webpack, atau alat debugger atau perpustakaan pengujian.
‫Jadi ini adalah dependensi pengembangan.
‫Mereka tidak diperlukan untuk
‫produksi, jadi kode kita tidak terlalu bergantung
‫padanya, kita hanya menggunakannya untuk mengembangkan aplikasi kita.
‫Jadi sekarang mari kita instal dependensi
‫dev, yang merupakan nama pendek untuk dependensi pengembangan,
‫dan alat yang
‫akan kita instal disebut nodemon.
‫Jadi npm install nodemon, seperti ini, dan kemudian apa yang harus kita lakukan
‫untuk menentukan bahwa ini adalah ketergantungan
‫pengembangan adalah dengan mengatakan save dev, dan ini kemudian akan menambahkan
‫entri ke paket ini. json
‫di dependensi dev.
‫Jadi mari kita
‫lihat setelah ini selesai menginstal.
‫Sekarang nodemon adalah alat yang sangat bagus yang membantu
‫kami mengembangkan aplikasi Node JS dengan secara otomatis
‫memulai ulang aplikasi Node setiap kali kami mengubah beberapa file di
‫direktori kerja kami.
‫Jadi ingatlah bahwa dalam proyek, saya
‫sebenarnya menutup server sepanjang waktu dan kemudian
‫memulai kembali setiap kali
‫saya mengubah kode.
‫Tetapi dengan alat ini, itu tidak lagi diperlukan.
‫Sehingga secara otomatis server akan restart setiap kali kita
‫melakukan perubahan.
‫Jadi sekarang selesai menginstal, dan
‫itu membuat bidang baru yang disebut dependensi dev,
‫dan tentu saja menambahkan nodemon di sana.
‫Jadi proyek kami sekarang pada dasarnya tahu
‫bahwa kami bergantung pada alat ini di sini untuk mengembangkan aplikasi kami,
‫dan paket ini di sini untuk benar-benar membangun basis kode kami.
‫Jadi ini adalah dua jenis paket.
‫Sekarang mari kita juga berbicara tentang dua jenis penginstalan
‫paket-paket ini,
‫karena saat ini yang kita lakukan hanyalah menginstal
‫paket-paket ini secara lokal, jadi paket-paket ini
‫hanya berfungsi di proyek ini dan kita
‫benar-benar dapat melihatnya di sini di
‫folder proyek kita
‫karena npm membuat ini folder baru
‫bernama modul node untuk kita.
‫Ia memiliki semua dependensi proyek kami.
‫Tapi sekarang Anda mungkin bertanya, kami
‫hanya menentukan Slugify dan nodemon,
‫jadi apa yang dilakukan semua paket ini di sini?
‫Yah, itu hanya karena mereka
‫pada gilirannya adalah dependensi dari dependensi kita.
‫Jika, misalnya, Slugify membutuhkan salah satu paket ini,
‫maka npm akan menginstal dependensi ini juga.
‫Jadi kita berakhir dengan semua dependensi ini
‫di proyek kita.
‫Jadi ini untuk modul lokal, jadi Slugify dan nodemon, sekali
‫lagi, kami baru saja
‫menginstalnya secara lokal di folder proyek kami dan mereka
‫tidak akan berfungsi di tempat lain.
‫Tetapi dengan npm, kita juga dapat memiliki instalasi global, dan
‫instalasi global kemudian akan tersedia di mana saja,
‫tidak hanya folder proyek kita,
‫tetapi di setiap folder di seluruh mesin Anda.
‫Jadi sebuah paket harus diinstal secara global
‫ketika ia menyediakan perintah yang dapat dieksekusi yang dapat Anda
‫jalankan dari antarmuka baris perintah.
‫Dan nodemon, misalnya, adalah salah satu alat seperti itu.
‫Jadi saya menggunakan nodemon di semua proyek Node yang saya
‫kerjakan, jadi saya menginstal nodemon sebagai ketergantungan global karena
‫dengan begitu saya tidak perlu menginstalnya setiap kali
‫saya membuat proyek baru.
‫Saya cukup menggunakannya dalam proyek
‫baru karena sudah diinstal secara global.
‫Jadi sekarang mari kita lakukan itu.
‫Kosongkan konsol di
‫sini, lalu instal secara global.
‫Jadi npm install, dan sebenarnya ada
‫singkatan untuk install.
‫Sebenarnya cukup hanya menulis i, seperti ini.
‫Itu sebenarnya biasanya bagaimana saya melakukannya.
‫Jadi npm i nodemon, lalu tandai global.
‫Tekan
‫kembali sekarang, dan sekarang sedang diinstal secara global.
‫Tapi itu sebenarnya memberi kami kesalahan
‫ini, dan jika Anda menggunakan Mac dan melakukannya seperti
‫ini, maka itu juga
‫akan memberi Anda kesalahan hanya karena
‫Anda tidak memiliki izin untuk menginstal paket ini.
‫Jika Anda menggunakan Mac, itu tidak berfungsi, dan saya
‫percaya pada Windows itu akan berfungsi,
‫setidaknya itulah pengalaman yang saya
‫miliki, tetapi jika Anda menggunakan Mac, Anda sebenarnya
‫telah meletakkan Sudo di depannya dan kemudian masukkan
‫kata sandi Anda pada dasarnya hanya untuk memberikan izin.
‫Nah dalam kasus saya,
‫saya memiliki Touch ID, tetapi jika Anda tidak memilikinya,
‫Anda dapat menggunakan kata sandi akun pengguna Anda.
‫Bagaimanapun, sekarang berhasil, dan sekarang kita dapat mulai menggunakan nodemon
‫pada proyek ini.
‫Jadi biarkan saya benar-benar menunjukkan cara kerjanya.
‫Jadi sebelum menjalankan aplikasi kami, kami melakukannya seperti ini.
‫Kami menulis node dan kemudian index. js.
‫Apa yang saya lakukan di sini sekarang sebenarnya adalah
‫pelengkapan otomatis, dan saya pikir saya belum
‫membicarakannya dengan Anda
‫saat ini, jadi izinkan saya melanjutkan dan menghapus ini.
‫Jadi saya mulai mengetik i di sini, dan
‫karena tidak ada file lain yang dimulai dengan i, saya
‫sekarang dapat menekan
‫tab, dan secara otomatis akan melengkapi sisa
‫nama file untuk saya.
‫Kami biasa melakukannya seperti ini, lalu tekan kembali, dan
‫kemudian kapan pun kami ingin melakukan
‫beberapa perubahan, kami harus keluar seperti ini, dan
‫memulai ulang semuanya lagi.
‫Tapi itu tidak lagi terjadi karena sekarang kita memiliki nodemon.
‫Jadi yang harus kita lakukan adalah alih-alih menulis node, kita menulis
‫nodemon dan kemudian mengindeks. js.
‫Oke, jadi sekarang dia mengawasi setiap file dengan
‫setiap ekstensi.
‫Jika sekarang kita kembali ke file kita di sini,
‫kita bahkan tidak perlu mengubah apa
‫pun, yang harus saya lakukan
‫adalah menyimpannya dan melihat apa yang terjadi di sini di konsol.
‫Jadi saya akan menyimpannya
‫sekarang, dan Anda melihat memulai ulang karena perubahan.
‫Sekarang mulai lagi, node index. js.
‫Jadi Anda melihat bahwa
‫di balik layar, sebenarnya masih menjalankan perintah asli yang
‫biasa kita lakukan, jadi node index. js, jadi nodemon pada
‫dasarnya hanya membungkus perintah node itu
‫hanya untuk membuat
‫hidup kita sedikit lebih mudah.
‫Ini adalah alat yang sangat, sangat berguna bagi kita untuk
‫bekerja dengan Node, dan
‫untuk sisa kursus, saya akan selalu menggunakan nodemon daripada
‫perintah node.
‫Dan sekarang hanya untuk menyelesaikan, ada satu hal kecil lagi
‫yang ingin saya tunjukkan di sini.
‫Jadi katakanlah kita tidak menginstal nodemon secara global.
‫Nah, bagaimana kita kemudian menggunakan ketergantungan dev kita di sini secara lokal?
‫Jadi nodemon lokal yang telah kita install.
‫Yah, kita tidak bisa begitu saja menjalankannya dari
‫baris perintah karena dependensi lokal, mereka tidak bekerja seperti itu.
‫Kami tidak dapat langsung menggunakannya langsung di baris perintah, tetapi yang
‫dapat kami lakukan adalah menentukan skrip npm dan kami
‫melakukannya di sini, di bidang skrip ini.
‫Ketika kami melakukan npm di dalamnya,
‫itu benar-benar menempatkan skrip yang satu ini di sini untuk
‫kami, yang untuk
‫pengujian, dan kemudian hanya mengatakan bahwa kami tidak memiliki pengujian yang ditentukan.
‫Jadi itu seperti placeholder untuk kita sekarang,
‫yang bisa kita ganti sekarang dengan start,
‫dan kemudian nodemon index. js.
‫Dan nodemon yang saya gunakan
‫di sini sebenarnya
‫adalah nodemon yang berasal dari dependensi dev.
‫Alih-alih menulis perintah di sini di baris perintah seperti yang
‫saya lakukan di
‫sini, saya hanya akan memasukkan hal yang sama ke dalam skrip npm.
‫Script ini disebut start dalam kasus
‫ini, dan sekarang kita akan dapat menjalankannya.
‫Jadi biarkan aku menyelesaikan yang satu ini di sini.
‫Jadi beginilah cara kita menjalankan skrip npm,
‫menjalankan dan memulai npm, dan memang itu memberi kita
‫perintah di sini nodemon index. js, dan sekarang semuanya
‫bekerja dengan cara yang sama persis seperti sebelumnya.
‫Benar?
‫Dan ini tidak ada
‫hubungannya dengan fakta bahwa kami menginstal
‫nodemon secara global sebelumnya, ini hanya berfungsi seperti ini
‫karena, sekali lagi, nodemon adalah ketergantungan dev kami di sini di skrip npm.
‫Kami kemudian dapat
‫menulis sesuatu seperti instruksi antarmuka baris perintah
‫yang akan menggunakan ketergantungan lokal itu
‫dan bukan ketergantungan global.
‫Sekali lagi, ini akan berfungsi
‫dengan baik tanpa nodemon diinstal secara global.
‫Beginilah cara Anda menentukan skrip npm, dan kami
‫akan melakukan lebih banyak lagi sepanjang kursus
‫ini dan kami dapat memberi mereka segala macam nama.
‫Mulai adalah jenis default untuk pengembangan.
‫Jadi sebenarnya untuk
‫memulai, kita bahkan tidak perlu menulis npm run
‫start, tetapi menulis npm start sebenarnya cukup
‫untuk memicu perintah khusus ini.
‫Jadi Anda lihat lagi, ini berfungsi dengan baik seperti ini.
‫Sempurna.
‫Jadi dalam video ini,
‫Anda mempelajari perbedaan antara dependensi reguler dan dependensi pengembangan, dan
‫kemudian Anda juga belajar bahwa Anda
‫dapat menginstalnya baik secara lokal maupun
‫global, atau Anda juga dapat menginstalnya di kedua tempat, bukan?
‫Tapi sebenarnya, biasanya dependensi global
‫yang kita instal biasanya selalu alat pengembangan karena
‫merekalah yang lebih masuk akal untuk menginstal
‫seperti itu, lagi-lagi karena mereka biasanya memberi
‫kita seperti program antarmuka baris perintah yang bagus.
‫Dalam video berikutnya, kami kemudian akan menggunakan ketergantungan yang kami pasang di
‫sini sebenarnya dalam kode kami sehingga
‫Anda benar-benar belajar
‫bagaimana memasukkan modul pihak ketiga ke dalam kode Anda.