Menginstal Node.js pada Subsistem Windows untuk Linux (WSL2)

Bagi mereka yang lebih suka menggunakan Node.js di lingkungan Linux, panduan ini akan membantu Anda menginstal Node.js pada Subsistem Windows untuk Linux (WSL 2 adalah versi yang direkomendasikan).

Pertimbangkan hal berikut saat memutuskan di mana harus menginstal dan apakah akan berkembang dengan Node.js di lingkungan Windows asli versus Linux (WSL 2):

• Tingkat keterampilan: Jika Anda baru dalam pengembangan dengan Node.js dan ingin memulai dengan cepat sehingga Anda dapat belajar, instal Node.js di Windows. Menginstal dan menggunakan Node.js di Windows akan menyediakan lingkungan yang kurang kompleks untuk pemula daripada menggunakan WSL.
• Alat klien baris perintah: Jika Anda lebih suka PowerShell, gunakan Node.js di Windows. Jika Anda lebih suka Bash, gunakan Node.js di Linux (WSL 2).
• Server produksi: Jika Anda berencana untuk menyebarkan aplikasi Node.js di Windows Server, gunakan Node.js di Windows. Jika Anda berencana untuk menyebarkan di Server Linux, gunakan Node.js di Linux (WSL 2). WSL memungkinkan Anda menginstal distribusi Linux pilihan Anda (dengan Ubuntu sebagai default), memastikan konsistensi antara lingkungan pengembangan Anda (tempat Anda menulis kode) dan lingkungan produksi Anda (server tempat kode Anda disebarkan).
• Kecepatan performa dan kompatibilitas panggilan sistem: Ada perdebatan dan pengembangan berkelanjutan pada performa Linux vs Windows, tetapi kuncinya saat menggunakan komputer Windows adalah menyimpan file proyek pengembangan Anda dalam sistem file yang sama di mana Anda telah menginstal Node.js. Jika Anda menginstal Node.js pada sistem file Windows, simpan file Anda di drive Windows (misalnya, C:/). Jika Anda menginstal Node.js pada distribusi Linux (seperti Ubuntu), simpan file proyek Anda di direktori sistem file Linux yang terkait dengan distribusi yang Anda gunakan. (Masukkan explorer.exe . dari baris perintah distribusi WSL Anda untuk menelusuri direktori menggunakan Windows File Explorer.)
• kontainer Docker: Jika Anda ingin menggunakan kontainer Docker untuk mengembangkan proyek Anda di Windows, kami sarankan Anda menginstal Docker Desktop di Windows. Untuk menggunakan Docker di ruang kerja Linux, lihat menyiapkan Docker Desktop untuk Windows dengan WSL 2 untuk menghindari keperluan mempertahankan skrip build Linux dan Windows.

Menginstal Subsistem Windows untuk Linux

Lihat dokumentasi penginstalan WSL jika Anda berencana menggunakan lingkungan pengembangan Linux dengan Node.js. Langkah-langkah ini akan mencakup memilih distribusi Linux (Ubuntu adalah default) dan versi Subsistem Windows untuk Linux (WSL 2 adalah versi default dan direkomendasikan). Anda dapat menginstal beberapa distribusi Linux jika mau.

Setelah Anda menginstal WSL 2 dan distribusi Linux, buka distribusi Linux (dapat ditemukan di daftar Terminal Windows atau menu mulai Windows Anda) dan periksa versi dan nama kode menggunakan perintah: lsb_release -dc.

Sebaiknya perbarui distribusi Linux Anda secara teratur, termasuk segera setelah Anda menginstal, untuk memastikan Anda memiliki paket terbaru. Windows tidak otomatis menangani pembaruan ini. Untuk memperbarui distribusi Anda, gunakan perintah: sudo apt update && sudo apt upgrade.

Windows Terminal

Terminal Windows adalah shell baris perintah yang ditingkatkan yang memungkinkan Anda menjalankan beberapa tab sehingga Anda dapat dengan cepat beralih antara baris perintah Linux, Windows Command Prompt, PowerShell, Azure CLI, atau apa pun yang anda sukai untuk digunakan. Anda juga dapat membuat pengikatan kunci kustom (kunci pintasan untuk membuka atau menutup tab, copy+paste, dll.), menggunakan fitur pencarian, menyesuaikan terminal Anda dengan tema (skema warna, gaya dan ukuran font, gambar latar belakang/kabur/transparansi), dan banyak lagi. Pelajari selengkapnya di dokumen Terminal Windows.

Menginstal nvm, node.js, dan npm

Selain memilih apakah akan menginstal pada Windows atau WSL, ada pilihan tambahan yang harus dibuat saat menginstal Node.js. Sebaiknya gunakan manajer versi saat versi berubah dengan sangat cepat. Anda mungkin perlu beralih di antara beberapa versi Node.js berdasarkan kebutuhan berbagai proyek yang sedang Anda kerjakan. Node Version Manager, yang lebih umum disebut nvm, adalah cara paling populer untuk menginstal beberapa versi Node.js. Kami akan menelusuri langkah-langkah untuk menginstal nvm dan kemudian menggunakannya untuk menginstal Node.js dan Node Package Manager (npm). Ada manajer versi alternatif untuk dipertimbangkan juga di bagian berikutnya.

Untuk informasi terbaru tentang menginstal NVM, lihat Menginstal dan Memperbarui di repositori NVM di GitHub.

1. Buka baris perintah Ubuntu Anda (atau distribusi pilihan Anda).

2. Instal cURL (alat yang digunakan untuk mengunduh konten dari internet di baris perintah) dengan: sudo apt-get install curl

3. Instal nvm, dengan: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash

   Nota

   Menginstal versi NVM yang lebih baru menggunakan cURL akan menggantikan yang lebih lama, meninggalkan versi Node yang telah Anda gunakan NVM untuk menginstal secara utuh. Untuk informasi selengkapnya, lihat halaman proyek GitHub untuk informasi rilis terbaru tentang NVM.

4. Untuk memverifikasi penginstalan, masukkan: command -v nvm ... ini harus mengembalikan 'nvm', jika Anda menerima 'perintah tidak ditemukan' atau tidak ada respons sama sekali, tutup terminal Anda saat ini, buka kembali, dan coba lagi. Pelajari lebih lanjut di repositori GitHub nvm.

5. Cantumkan versi Node yang saat ini diinstal (seharusnya tidak ada saat ini): nvm ls

   

6. Instal versi LTS saat ini dan stabil Node.js. Di langkah selanjutnya, Anda akan mempelajari cara beralih antara versi aktif Node.js dengan perintah nvm.

   • Instal rilis Node.js LTS stabil saat ini (disarankan untuk aplikasi produksi): nvm install --lts
   • Instal rilis Node.js saat ini (untuk menguji fitur dan peningkatan Node.js terbaru, tetapi kemungkinan besar mengalami masalah): nvm install node

7. Mencantumkan versi Node apa yang diinstal: nvm ls ... sekarang Anda akan melihat dua versi yang baru saja Anda instal tercantum.

   

8. Pastikan bahwa Node.js telah diinstal dan menjadi versi default saat ini dengan: node --version. Kemudian verifikasi bahwa Anda juga memiliki npm, dengan: npm --version (Anda juga dapat menggunakan which node atau which npm untuk melihat jalur yang digunakan untuk versi default).

9. Untuk mengubah versi Node.js yang ingin Anda gunakan untuk proyek, buat direktori proyek baru mkdir NodeTest, dan masukkan direktori cd NodeTest, lalu masukkan nvm use node untuk beralih ke versi Saat Ini, atau nvm use --lts untuk beralih ke versi LTS. Anda juga dapat menggunakan nomor tertentu untuk versi tambahan apa pun yang telah Anda instal, seperti nvm use v8.2.1. (Untuk mencantumkan semua versi Node.js yang tersedia, gunakan perintah: nvm ls-remote).

Jika Anda menggunakan NVM untuk menginstal Node.js dan NPM, Anda tidak perlu menggunakan perintah SUDO untuk menginstal paket baru.

Pengelola versi alternatif

Meskipun nvm saat ini adalah manajer versi paling populer untuk node, ada beberapa alternatif untuk dipertimbangkan:

• n adalah alternatif nvm lama yang mencapai hal yang sama dengan perintah yang sedikit berbeda dan diinstal melalui npm daripada skrip bash.
• fnm adalah manajer versi yang lebih baru, mengklaim jauh lebih cepat daripada nvm. (Ini juga menggunakan Azure Pipelines.)
• Volta adalah manajer versi baru dari tim LinkedIn yang mengklaim peningkatan kecepatan dan dukungan lintas platform.
• asdf-vm adalah satu CLI untuk beberapa bahasa, seperti ike gvm, nvm, rbenv & pyenv (dan banyak lagi) semuanya dalam satu.
• nvs (Node Version Switcher) adalah alternatif nvm lintas platform dengan kemampuan untuk berintegrasi dengan Visual Studio Code.

Menginstal Visual Studio Code

Sebaiknya gunakan Visual Studio Code dengan paket ekstensi pengembangan jarak jauh untuk proyek Node.js. Ini membagi Visual Studio Code menjadi arsitektur "client-server", dengan klien (antarmuka pengguna Visual Studio Code) yang berjalan pada sistem operasi Windows Anda dan server (kode Anda, Git, plugin, dll) yang berjalan "dari jarak jauh" pada distribusi WSL Linux Anda.

• Intellisense dan linting berbasis Linux didukung.
• Proyek Anda akan secara otomatis dibangun di Linux.
• Anda dapat menggunakan semua ekstensi yang berjalan di Linux (ES Lint, NPM Intellisense, cuplikan ES6, dll.).

Editor kode lain, seperti IntelliJ, Sublime Text, Brackets, dll. juga akan bekerja dengan WSL 2 Node.js lingkungan pengembangan, tetapi mungkin tidak memiliki semacam fitur jarak jauh yang sama dengan yang ditawarkan VS Code. Editor kode ini mungkin mengalami masalah saat mengakses lokasi jaringan bersama WSL (\wsl$\Ubuntu\home) dan akan mencoba membangun file Linux Anda menggunakan alat Windows, yang kemungkinan bukan yang Anda inginkan. Ekstensi Remote-WSL di VS Code menangani kompatibilitas ini untuk Anda, dengan IDE lain, Anda mungkin perlu menyiapkan X server. Dukungan untuk menjalankan aplikasi GUI di WSL (seperti IDE editor kode) akan segera hadir.

Editor teks berbasis terminal (vim, emacs, nano) juga berguna untuk membuat perubahan cepat dari kanan di dalam konsol Anda. Artikel, Emacs, Nano, atau Vim: Pilih Editor Teks Terminal-Based Anda dengan bijak melakukan pekerjaan yang bagus yang menjelaskan beberapa perbedaan, serta sedikit panduan tentang cara menggunakan masing-masing.

Untuk menginstal Visual Studio Code dan Ekstensi Remote-WSL:

1. Unduh dan instal VS Code untuk Windows. Visual Studio Code juga tersedia untuk Linux, tetapi Subsistem Windows untuk Linux tidak mendukung aplikasi GUI, jadi kita perlu menginstalnya di Windows. Tidak perlu khawatir, Anda masih dapat berintegrasi dengan baris perintah Linux dan alat menggunakan Ekstensi Jarak Jauh - WSL.

2. Instal Ekstensi Jarak Jauh - WSL di VS Code. Ini memungkinkan Anda untuk menggunakan WSL sebagai lingkungan pengembangan terintegrasi Anda dan akan menangani kompatibilitas serta penanganan lintasan untuk Anda. Pelajari lebih lanjut.

Ekstensi Visual Studio Code yang Bermanfaat

Meskipun VS Code dilengkapi dengan banyak fitur untuk pengembangan Node.js secara default, ada beberapa ekstensi yang berguna yang tersedia dan bisa dipertimbangkan untuk diinstal di Node.js Extension Pack. Instal semuanya atau pilih dan pilih yang tampaknya paling berguna bagi Anda.

Untuk menginstal paket ekstensi Node.js:

1. Buka jendela Ekstensi (Ctrl+Shift+X) di Visual Studio Code.

   Jendela Ekstensi sekarang dibagi menjadi tiga bagian (karena Anda menginstal ekstensi Remote-WSL).

   • "Lokal - Terinstal": Ekstensi yang diinstal untuk digunakan dengan sistem operasi Windows Anda.
   • "WSL:Ubuntu-18.04-Terpasang": Ekstensi yang terinstal untuk digunakan dengan sistem operasi Ubuntu (WSL) Anda.
   • "Disarankan": Ekstensi yang direkomendasikan oleh Visual Studio Code berdasarkan jenis file dalam proyek Anda saat ini.

   

2. Dalam kotak pencarian di bagian atas jendela Ekstensi, masukkan: Node Extension Pack (atau nama ekstensi apa pun yang Anda cari). Ekstensi akan diinstal untuk salah satu instans Lokal atau WSL Visual Studio Code Anda, tergantung di mana Anda saat ini membuka proyek tersebut. Anda dapat mengetahuinya dengan memilih tautan jarak jauh di sudut kiri bawah jendela Visual Studio Code Anda (berwarna hijau). Ini akan memberi Anda opsi untuk membuka atau menutup koneksi jarak jauh. Instal ekstensi Node.js Anda di lingkungan "WSL:Ubuntu-18.04".

   tautan jarak jauh VS Code

Beberapa ekstensi tambahan yang mungkin ingin Anda pertimbangkan meliputi:

• JavaScript Debugger: Setelah Anda selesai mengembangkan di sisi server dengan Node.js, Anda harus mengembangkan dan menguji sisi klien. Ekstensi ini adalah debugger JavaScript berbasis DAP. Ini melakukan debugging pada Node.js, Chrome, Edge, WebView2, ekstensi VS Code, dan banyak lagi.
• Keymaps dari editor lain: Ekstensi-ekstensi ini dapat membuat lingkungan Anda menjadi lebih nyaman jika Anda berpindah dari editor teks lain (seperti Atom, Sublime, Vim, Emacs, Notepad++, dll).
• Pengaturan Sinkronisasi: Memungkinkan Anda menyinkronkan pengaturan Visual Studio Code Anda di berbagai penginstalan menggunakan GitHub. Jika Anda bekerja pada komputer yang berbeda, ini membantu menjaga lingkungan Anda tetap konsisten di seluruh komputer.

Menyiapkan Git (opsional)

Untuk menyiapkan Git untuk proyek Node.js di WSL, lihat artikel Mulai menggunakan Git di Subsistem Windows untuk Linux dalam dokumentasi WSL.