Rumah > hujung hadapan web > tutorial js > [Kompilasi dan Perkongsian] Perintah npm biasa yang diperlukan untuk pembangunan bahagian hadapan

[Kompilasi dan Perkongsian] Perintah npm biasa yang diperlukan untuk pembangunan bahagian hadapan

青灯夜游
Lepaskan: 2022-08-09 11:31:54
ke hadapan
2495 orang telah melayarinya

npm ialah alat pengurusan pakej lalai untuk nod Dalam pembangunan bahagian hadapan, membiasakan diri dengan arahan npm biasa akan sangat membantu kami dalam menyelesaikan masalah. Artikel berikut akan berkongsi dengan anda beberapa arahan npm biasa saya harap ia akan membantu anda!

[Kompilasi dan Perkongsian] Perintah npm biasa yang diperlukan untuk pembangunan bahagian hadapan

tetapan sumber npm


  • Soal konfigurasi sumber semasa
npm get registry
Salin selepas log masuk
  • Tetapkan sumber cermin Taobao (Taobao cerminkan nama domain baharu)
npm config set registry https://registry.npmmirror.com
Salin selepas log masuk

http://npm.taobao.org dan http://registry.npm.taobao lama. nama domain org Perkhidmatan ini akan dihentikan dari 0:00 pada 31 Mei 2022. Jadi jangan gunakan arahan lama:
pendaftaran set konfigurasi npm http://registry.npm.taobao.org

  • Pulihkan sumber lalai
npm config set registry https://registry.npmjs.org
Salin selepas log masuk
  • Gunakan nrm untuk mengurus sumber
# 全局安装nrm
npm install -g nrm
# 查看nrm源列表(支持默认源,淘宝源,腾讯源等)
nrm ls
# 切换源(镜像源的名称nrm ls是可以看到的)
nrm use taobao
Salin selepas log masuk
  • Tambahkan fail .npmrc dalam direktori akar projek, kandungan iaitu alamat cermin Taobao:
registry = https://registry.npmmirror.com
Salin selepas log masuk

Pasang kebergantungan


  • Pemasangan global

 # 安装最新版本
 npm install -g xxx
 # 安装指定版本
 npm install -g xxx@1.0.0
Salin selepas log masuk
  • Pemasangan setempat (folder semasa)
npm install xxx
Salin selepas log masuk
  • pemasangan pergantungan projek, dan tuliskannya ke dalam pergantungan package.json :
npm install –S xxx 
# 和上面效果一样,默认:
npm install xxx
Salin selepas log masuk
  • Kebergantungan projek dipasang dan ditulis ke dalam devDependencies daripada package.json:
npm install –D xxx
Salin selepas log masuk
  • Nyatakan nombor versi
npm install vue@3.0.0
Salin selepas log masuk
  • Projek memasang dependensi kali ini dan menggunakan imej Taobao buat sementara waktu
npm install --registry=https://registry.npmmirror.com
Salin selepas log masuk
  • Pasang pakej pergantungan (arahan berikut menentukan versi @1.0.0), dan gunakan imej Taobao buat sementara waktu:
npm install XXX@1.0.0 --registry=https://registry.npmmirror.com
Salin selepas log masuk

Nyahpasang kebergantungan


  • Nyahpasang

npm uninstall <package-name></package-name>
Salin selepas log masuk
  • Nyahpasang dan alih keluar dalam package.json:
    Gunakan bendera -S atau --save, kemudian Tindakan ini juga mengalih keluar rujukan dalam fail package.json
    Jika pakej adalah kebergantungan pembangunan (disenaraikan dalam devDependencies dalam fail package.json), anda mesti menggunakan - Bendera D atau --save-dev daripada dikeluarkan daripada fail.
npm uninstall -S <package-name>
npm uninstall -D <package-name></package-name></package-name>
Salin selepas log masuk
  • Nyahpasang kebergantungan global
npm uninstall -g <package-name></package-name>
Salin selepas log masuk
  • Petua
    Alias ​​nyahpasang: remove, rm, r, un, unlink adalah semua alias bagi npm uninstall.
npm uninstall -S <package-name>
# 等价
npm remove -S <package-name>
# 等价
npm rm -S <package-name></package-name></package-name></package-name>
Salin selepas log masuk

Kemas kini


  • Semak kemas kini dahulu

npm outdated
Salin selepas log masuk

[Kompilasi dan Perkongsian] Perintah npm biasa yang diperlukan untuk pembangunan bahagian hadapan
Pakej bertanda merah boleh dikemas kini dan pakej bertanda kuning tidak boleh dikemas kini.

  • Lakukan kemas kini (hanya versi tampalan atau versi minor akan dikemas kini dan versi major tidak akan dikemas kini)
    Jika anda tidak tahu versi major dan minor, terdapat penerangan nombor versi di bawah, sila lungsur ke bawah.
npm update
Salin selepas log masuk
  • Kemas kini versi utama
# 1.安装"npm-check-updates"模块  
npm install -g npm-check-updates  
# 2.检查可更新的模块  
ncu  
npm-check-updates  
# 以上两条命令都可检查可更新模块。接下来更新package.json的依赖包到最新版本:  

#升级 package.json 文件的 dependencies 和 devDependencies 中的所有版本
ncu -u  
#以上命令执行,更新全部模块。但在实际开发中不建议一次全部更新,可以根据实际需要,更新指定的模块,并且可以根据作用范围在后面加上 -D、-S 或 -g
Salin selepas log masuk

Kaedah 2:

# 全局安装 npm-check
npm install -g npm-check
# 查看可更新的依赖
npm-check
# 更新依赖
npm-check -u
Salin selepas log masuk
# 更新主版本的另一种方式就是先卸载,再重新安装
# 卸载
npm uninstall xxx
# 重新安装-最新版本
npm install xxx
# 重新安装-制定版本
npm install xxx@2.0.0
Salin selepas log masuk

Lihat


  • Lihat versi npm

npm -v
Salin selepas log masuk
  • Lihat versi pakej yang dipasang

npm 套件名称 -v
Salin selepas log masuk
  • Lihat npm help

npm help
Salin selepas log masuk
  • Lihat semua npm menggunakan Folder

npm help folders
Salin selepas log masuk
  • Lihat senarai modul (lihat senarai modul yang dipasang secara setempat)

npm list
# 也可以使用缩写 ls
npm ls
Salin selepas log masuk
  • Lihat pakej yang dipasang secara global

npm list -g --depth 0
Salin selepas log masuk
  • Lihat versi pakej
npm list vue-cli
Salin selepas log masuk
  • Lihat folder package.json modul nod

npm view moduleNames
Salin selepas log masuk
  • Lihat kebergantungan pakej
npm view moudleName dependencies
Salin selepas log masuk
  • Lihat alamat fail sumber pakej

npm view moduleName repository.url
Salin selepas log masuk
  • Lihat versi Node yang mana pakej bergantung

npm view moduleName engines
Salin selepas log masuk
  • Lihat laluan pemasangan pakej semasa

npm root
Salin selepas log masuk
  • Lihat laluan pemasangan pakej global

npm root -g
Salin selepas log masuk
  • Semak sama ada pakej sudah lapuk

    Arahan ini akan menyenaraikan semua pakej yang sudah lapuk dan anda boleh mengemas kini pakej tepat pada masanya

npm outdated
Salin selepas log masuk
  • Akses folder json npm

    Pakej npm ialah folder yang mengandungi package.json dan package.json menerangkan struktur bagi folder ini. Kaedah untuk mengakses folder json npm adalah seperti berikut

npm help json
Salin selepas log masuk

Arahan ini akan membuka halaman web dengan cara lalai Jika program pembukaan lalai diubah, ia mungkin tidak dibuka sebagai sebuah laman web.

  • Semak sama ada nama pakej sudah wujud

    Apabila menerbitkan pakej npm, anda perlu menyemak sama ada nama pakej tertentu sudah wujud

npm search packageName

# 也可以使用縮写 s 來替代 search 
npm s packageName
Salin selepas log masuk

npm Perintah lain


npm cache clean  # 清除npm的缓存
npm prune  # 清除项目中没有被使用的包
npm outdated  # 检查模块是否已经过时
npm repo jquery  # 会打开默认浏览器跳转到github中jquery的页面
npm docs jquery  # 会打开默认浏览器跳转到github中jquery的README.MD文件信息
npm home jquery  # 会打开默认浏览器跳转到github中jquery的主页
Salin selepas log masuk

nombor versi pakej pergantungan npm


npm Format nombor versi ialah Apabila anda membuat pengubahsuaian API yang tidak serasi,

Y Nombor versi kecil: Apabila anda membuat penambahan fungsi yang serasi ke belakang,
  • <. 🎜>Z. Nombor semakan: Apabila anda membuat pembetulan isu keserasian ke belakang.

依赖库版本号、符号

  • 没有任何符号
1.0.0
完全百分百匹配,当前库/项目必须使用当前版本号,如果和其他依赖使用了相同库不同版本,会在库的文件夹下建立一个 node_modules 文件夹存放它需要依赖的版本文件。
Salin selepas log masuk
  • ~
不改变主版本号和次版本号,修订号可以随意更改
例如 ~2.0.0 ,可以使用 2.0.0、2.0.2 、2.0.9 的版本。
Salin selepas log masuk
  • ^
不改变主版本号(主版本号非0),此版本号和修订号可以随意更改
例如 ^2.0.0 ,可以使用 2.0.1、2.2.2 、2.9.9 的版本。
Salin selepas log masuk
  • *号
*表示任意版本 对版本没有限制, 一般不用
"base": "*"
Salin selepas log masuk
  • >
大于某个版本,表示只要大于这个版本的安装包都行
例如:"node": "> 4.0.0"
Salin selepas log masuk
  • >=
大于某个版本,表示只要大于或等于这个版本的安装包都行
例如:"node": ">= 4.0.0"
Salin selepas log masuk
  • <
小于某个版本,表示只要小于这个版本的安装包都行
例如:"http-proxy-middleware": "<0.17.3"
Salin selepas log masuk
  • <=
小于或等于某个版本,表示只要小于或等于这个版本的安装包都行
例如:"http-proxy-middleware": "<=0.17.3"
Salin selepas log masuk
  • -
-表示两个版本号之间的版本
"base": "1.0.1-1.5.9"
例如 1.0.1-1.5.9 可以使用 1.0.1到1.5.9之间的任意版本
Salin selepas log masuk

更多node相关知识,请访问:nodejs 教程

Atas ialah kandungan terperinci [Kompilasi dan Perkongsian] Perintah npm biasa yang diperlukan untuk pembangunan bahagian hadapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan