Pasang npm dalam beberapa langkah mudah

Adakah anda memahami konsep asas Pengurus Pakej? Sudah tiba masanya untuk meletakkan pengetahuannya! Pertama, kita perlu memasang NPM.

Panduan ini akan membimbing anda untuk memasang Node dan NPM dan membuat projek sampel yang akan membantu anda menguasai asas-asas NPM dan aplikasinya dalam pembangunan front-end.

Bab Panduan

1. Siapa panduan ini?
2. Apa maksud "npm"?
3. Apakah baris arahan?
4. Apa itu nod?
5. Apa itu Pengurus Pakej?
6. Bagaimana cara memasang npm? (Lokasi semasa anda!)
7. Bagaimana cara memasang pakej npm?
8. Apakah arahan NPM?
9. Bagaimana cara memasang projek NPM yang sedia ada?

Periksa sama ada npm dipasang

Sebelum memasang npm, periksa sama ada ia dipasang. Buka terminal (aplikasi terminal macOS, terminal bersepadu untuk editor kod seperti kod VS, atau terminal baris arahan lain).

Masukkan arahan berikut (perhatikan bahawa watak $ tidak termasuk dalam contoh):

 <code>node -v</code>

Perintah ini memaparkan versi nod semasa (jika dipasang). Jika nod dipasang, baris arahan mengembalikan nombor versi nod yang dipasang:

 <code>v16.9.1</code>

Versi anda mungkin berbeza, tetapi selagi nombor versi dipaparkan, ini bermakna NPM dipasang! Nombor versi itu sendiri tidak penting.

Jika npm atau nod tidak dipasang, anda akan melihat mesej seperti "perintah tidak dijumpai". Jika NPM dipasang tetapi nod tidak dipasang (dan sebaliknya), adalah disyorkan untuk menyahpasang terlebih dahulu dan kemudian teruskan.

Jika anda perlu memasang NPM dan Node, kami akan mengikuti Panduan NPM Rasmi untuk memasang melalui program NVM.

Pasang Pengurus Versi Node

Pengurus Versi Node (NVM) membolehkan anda memasang, mengemas kini, dan menyahpasang nod pada sistem anda dan menguruskan pelbagai versi nod.

Bahasa sisi pelayan mempunyai versi sendiri (mis., Node 17.1.0) dan tidak ada kaitan dengan versi penyemak imbas (mis., Chrome 96). Kami hanya memerlukan versi terkini Node, jadi NVM tidak diperlukan pada masa ini, tetapi ia mungkin berguna pada masa akan datang.

Memasang satu program hanya untuk memasang yang lain, yang nampaknya berlebihan, tetapi ia adalah kaedah yang disyorkan, dan melakukannya dengan betul dari awal akan memudahkan operasi kemudian.

Pasang NVM pada Windows

Jika anda menggunakan Windows, proses pemasangan akan lebih mudah. Anda memerlukan NVM yang didedikasikan untuk Windows, tetapi bernasib baik, Windows sudah mempunyai pemasang, hanya muat turun dan lari. Untuk butiran, sila rujuk kepada NVM untuk repositori Windows di GitHub.

• Muat turun versi terkini NVM untuk Windows. Ia juga boleh dipasang secara manual.
• Buka terminal dan jalankan nvm list available untuk melihat senarai versi nod yang boleh dimuat turun dan dipasang.
• Jalankan arahan nvm use diikuti oleh nombor versi nod untuk digunakan (contohnya nvm use 16.9.1 ) untuk menggunakan versi tertentu. Sebagai alternatif, anda boleh menggunakan latest , lts , atau newest dan bukannya nombor versi tertentu, di mana newest adalah versi terkini yang dipasang.

Selepas pemasangan, NVM berfungsi dengan cara yang sama pada mesin Windows sebagai sistem lain.

Pasang NVM pada macOS

Untuk memasang NVM pada macOS, langkah pertama ialah memuat turunnya menggunakan arahan berikut:

 <code>curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash</code>

0.39.0 adalah versi terkini pada masa pelepasan, tetapi anda mungkin perlu menyemak pemasangan NVM ReadMe dan mendapatkan versi terkini (jika berbeza).

Selepas menampal arahan ke terminal dan menekan Enter , anda akan melihat bahawa terminal mengeluarkan banyak maklumat yang tidak relevan. Malah, kebanyakan masa, tiada siapa yang akan membaca maklumat ini di terminal. Kami hanya mengambil berat tentang:

1. Perintah itu akhirnya selesai;
2. Perintah itu tidak berakhir dengan mesej ralat.

Jika anda diminta untuk memasukkan arahan semasa proses pemasangan, tekan kekunci Q untuk keluar dan teruskan.

Apabila kursor input berkedip sekali lagi, ini bermakna arahan telah selesai dan terminal sedang menunggu input anda. Setelah pemasangan NVM selesai, anda mungkin melihat:

 <code>=> Close and reopen your terminal to start using nvm or run the following to use it now:</code>

Jika anda tidak melihat ralat pada masa ini, disyorkan untuk keluar dan memulakan semula aplikasi terminal yang anda gunakan sebelum meneruskan. Ini adalah cara yang baik untuk memastikan anda bermula dengan keadaan yang bersih.

Cara memasang npm melalui nod

Sekarang bahawa NVM dipasang, kami sudah bersedia untuk melakukan apa yang kami mahu lakukan: Pasang NPM dan Nod pada sistem.

Adalah lebih baik untuk mengesahkan bahawa NVM dipasang dengan betul, dengan menjalankan nvm -v . Jika terminal memaparkan nombor versi yang dipasang, semuanya baik -baik saja! Jika tidak, ingatlah bahawa anda mungkin perlu memulakan semula aplikasi terminal untuk melengkapkan pemasangan.

Sekarang kita mempunyai NVM, arahan untuk memasang nod sangat pendek:

 <code>nvm install node</code>

Cukup mudah, bukan?

Anda harus melihat mesej seperti "memuat turun dan memasang nod v17.1.0", walaupun nombor versi mungkin tidak sepadan, tidak mengapa. Anda akan mendapat versi stabil terbaru runtime. Tunggu perintah selesai berjalan - Begitu juga, apabila anda kembali ke prompt lalai dan dapat menaip lebih banyak arahan, anda tahu ia selesai.

Selepas itu, anda sudah selesai! Perintah mudah ini bukan sahaja memasang nod, tetapi juga memasang npm. Begitu juga, anda boleh menggunakan npm -v dan <code>node -v</code> untuk mengesahkan bahawa semuanya dipasang dan dikemas kini. Jika semuanya berjalan lancar, anda akan mendapat nombor versi.

Langkah seterusnya

Ok, sekarang kami mempunyai NVM untuk memasang dan menguruskan nod, nod sendiri, dan NPM untuk mengendalikan pakej nod. Di bahagian seterusnya panduan NPM ini, kami akan memasang beberapa pakej ke dalam projek!

← Bab 5 Bab 7 →

Atas ialah kandungan terperinci Pasang npm dalam beberapa langkah mudah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!