[Kompilasi dan Berbagi] Perintah npm umum yang diperlukan untuk pengembangan front-end

Entri front-end (vue) ke kursus penguasaan: masuk untuk mempelajari

pengaturan sumber npm

• Kueri konfigurasi sumber saat ini

npm dapatkan registri

• Setel sumber cermin Taobao (Taobao mirror nama domain baru)

npm config set registri https://registry.npmmirror.com

lama http://npm.taobao.org dan http://registry.npm .taobao Nama domain .org akan menghentikan layanan mulai pukul 0:00 pada tanggal 31 Mei 2022. Jadi jangan gunakan perintah lama:
npm config set registry http://registry.npm.taobao.orgPulihkan

• sumber default

npm config set registry https://registry.npmjs.orgGunakan

• nrm untuk mengelola sumber

# Instal nrm secara global
npm instal -g nrm
# Lihat daftar sumber nrm (mendukung sumber default, sumber Taobao, sumber Tencent, dll.)
nrmls
# Switch source (nama sumber mirror dapat dilihat dengan nrm ls)
nrm gunakan taobao

• untuk menambahkan file .npmrc di direktori root proyek. Isi alamat mirror Taobao adalah:

registry = https://registry.npmmirror.com

untuk menginstal dependensi.

• Instalasi global

#Instal versi terbaru npm install -g xxx
 #Instal versi yang ditentukan npm install -g [email protected]

• instalasi lokal (folder saat ini)

npm install xxx

• tergantung pada instalasi, dan tulis ke dalam dependensi package.json :

npm install -S xxx 
# Efek yang sama seperti di atas, default:
npm install xxx

• dependensi proyek diinstal dan ditulis ke devDependencies dari package.json :

npm install –D xxx

• menentukan nomor versi

npm install [email protected]

• Dependensi instalasi ini untuk sementara menggunakan mirror Taobao

npm install --registry=https: //registry.npmmirror.com

• menginstal paket ketergantungan (perintah berikut menentukan versi @1.0.0), dan untuk sementara menggunakan mirror Taobao:

npm install [email protected] --registry=https://registry.npmmirror.com

untuk menghapus instalan mengandalkan

• Copot pemasangan

npm uninstall <nama-paket>

• dan hapus di package.json:
  Menggunakan tanda -S atau --save, operasi ini juga menghapus referensi dalam file package.json;
  Jika paket tersebut merupakan dependensi pengembangan (terdaftar di devDependencies dalam file package.json), paket tersebut harus dihapus dari file menggunakan flag -D atau --save-dev.

npm uninstall -S <nama-paket>
npm uninstall -D <nama-paket>

• Hapus instalasi dependensi global

npm uninstall -g <nama-paket>

• prompt
  Alias ​​​​uninstall: hapus, rm, r, un, unlink semuanya adalah alias npm uninstall.

npm uninstall -S <nama-paket>
# Setara dengan npm hapus -S <nama-paket>
# Setara dengan

pembaruan

• Periksa pertama untuk memperbarui

npm yang sudah ketinggalan zaman

Paket yang ditandai dengan warna merah dapat diperbarui, dan paket yang ditandai dengan warna kuning tidak dapat diperbarui.

• Melakukan update (hanya versi patch atau versi minor yang akan diupdate, bukan versi mayor)
  Jika Anda belum mengetahui versi primer dan sekunder, ada keterangan nomor versi di bawah, silakan gulir ke bawah.

npm update

• memperbarui versi utama

#1. Instal modul "npm-check-updates" npm install -g npm-check-updates  
# 2. Periksa modul ncu yang dapat diperbarui  
npm-periksa-pembaruan  
# Kedua perintah di atas dapat memeriksa modul yang dapat diperbarui. Selanjutnya, perbarui paket ketergantungan package.json ke versi terbaru:  

#Tingkatkan semua versi dalam dependensi dan devDependensi file package.json ncu -u  
#Jalankan perintah di atas untuk memperbarui semua modul. Namun, dalam pengembangan sebenarnya, tidak disarankan untuk memperbarui semuanya sekaligus. Anda dapat memperbarui modul yang ditentukan sesuai dengan kebutuhan aktual, dan Anda dapat menambahkan -D, -S atau -g di akhir sesuai dengan cakupannya

.

# Instal npm-check secara global.
npm install -g npm-periksa
# Periksa dependensi yang dapat diperbarui npm-check
# Perbarui dependensi npm-check -u

# Cara lain untuk memperbarui versi utama adalah dengan uninstall terlebih dahulu lalu instal ulang # Uninstall npm uninstall xxx
# Instal ulang-versi terbaru npm install xxx
# Instal ulang-Tentukan versi npm install [email protected]

untuk dilihat

• Lihat versi npm

npm -v

• Lihat versi paket yang diinstal
  

nama paket npm -v

• Lihat bantuan npm bantuan

npm

• Lihat semua folder yang digunakan oleh folder

bantuan npm npm

• Lihat daftar modul (lihat daftar modul yang diinstal secara lokal)

daftar npm
# Anda juga bisa menggunakan singkatan ls
npm ls

• untuk melihat paket yang diinstal secara global

npm list -g -- depth 0

• untuk melihat versi paket

npm list vue-cli

• untuk melihat folder package.json dari modul node

npm view moduleNames

• untuk melihat dependensi paket

npm view dependensi moudleName

• untuk melihat alamat file Sumber paket

npm view moduleName repositori.url

• Melihat versi Node yang menjadi sandaran paket

npm view moduleName engine

• Melihat jalur instalasi paket saat ini

npm root

• Melihat jalur instalasi paket global

npm root - g

• Periksa apakah paket sudah usang

  Perintah ini akan mencantumkan semua paket usang yang dapat diperbarui tepat waktu.

npm usang

• mengakses folder json npm.

  Paket npm adalah folder yang berisi package.json. Cara mengakses folder json npm adalah sebagai berikut:

npm help json

Perintah ini akan membuka halaman web secara default. Jika program pembuka default diubah, mungkin tidak terbuka sebagai halaman web.

• Periksa apakah nama paket sudah ada.

  Saat menerbitkan paket npm, Anda perlu memeriksa apakah nama paket tertentu sudah ada

npm search packageName

# Anda juga dapat menggunakan singkatan s sebagai ganti pencarian 
npm s nama paket

npm perintah lainnya

npm cache clean # Hapus npm cache npm prune # Hapus paket yang tidak digunakan dalam proyek npm usang # Periksa apakah modul sudah usang npm repo jquery # Akan membuka browser default dan melompat ke halaman jquery di github npm docs jquery # Akan membuka Default browser melompat ke informasi file README.MD jquery di github npm home jquery # Browser default akan dibuka untuk melompat ke beranda jquery di github

npm nomor versi paket ketergantungan

Format nomor versi npm XYZ

mewakili: nomor versi utama. Nomor versi minor. Nomor revisi. Aturan kenaikan

• nomor

• versi

adalah sebagai berikut: Fungsionalitas kompatibel ke belakang ditambahkan,

• Z. Nomor revisi: Saat Anda membuat perbaikan masalah yang kompatibel ke belakang.

Nomor versi perpustakaan bergantung, simbol

• tidak memiliki simbol apa pun

1.0.0
Ini 100% cocok. Perpustakaan/proyek saat ini harus menggunakan nomor versi saat ini. Jika perpustakaan yang sama dan versi berbeda digunakan untuk dependensi lain, folder node_modules akan dibuat di bawah folder perpustakaan untuk menyimpan file versi yang diperlukan. bergantung pada.

• Nomor ~

tidak mengubah nomor versi mayor dan nomor versi minor dapat diubah sesuka hati. Misalnya ~2.0.0, Anda dapat menggunakan versi 2.0.0, 2.0.2, dan 2.0.9.

• Nomor ^

tidak mengubah nomor versi mayor (nomor versi mayor bukan 0). Nomor versi dan nomor revisi ini dapat diubah sesuka hati. Misalnya ^2.0.0, Anda dapat menggunakan versi 2.0.1, 2.2. 2, dan 2.9.9.

• Tanda *

* berarti bahwa versi apa pun tidak memiliki batasan pada versi tersebut. Umumnya, "base": "*" tidak

• Tanda *

lebih besar dari versi tertentu, yang berarti selama paket instalasi lebih besar dari versi ini, akan baik-baik saja. Misalnya: "node": "> 4.0.0"

• > Jika tanda =

lebih besar dari versi tertentu, berarti paket instalasi apa pun yang lebih besar atau sama dengan versi ini akan baik-baik saja. baiklah. Misalnya: "node": ">= 4.0.0"

• tanda <

lebih kecil dari versi tertentu, berarti paket instalasi apa pun yang lebih kecil dari versi ini akan baik-baik saja. proxy-middleware": "<0.17.3"

• Angka <=

kurang dari atau sama dengan versi tertentu, artinya selama paket instalasi kurang dari atau sama dengan versi ini, tidak masalah. Misalnya : "http-proxy-middleware": "<= 0.17.3"

• -number

-menunjukkan versi di antara dua nomor versi "base": "1.0.1-1.5.9"
Misalnya, 1.0.1-1.5.9 dapat menggunakan versi apa pun antara 1.0.1 hingga 1.5.9