npm常用命令与操作篇

npm简介

npm是什么

npm 的英文是,node package manager,是 node 的包管理工具

为什么需要npm

类比建造汽车一样,如果发动机、车身、轮胎、玻璃等等都自己做的话,几十年也做不完。但是如果有不同的厂商,已经帮我们把各个零件都制作好,我们只负责组装,那整个过程会运作的非常快

同样的道理,如果软件的逻辑,我们都自己开发的话,写一个功能需要非常长的时间。如果使用已有的功能、工具、npm 包,快速的组装我们想要的功能,就能让事情变得非常简单

基本命令

|---------|----------|
| 查看npm版本 | npm -v |

|-----------------------|------------|
| 初始化项目(生成package.json) | npm init |

|---------------------|---------------|
| 安装pacakge.json中的依赖包 | npm install |

|------------|---------------|
| 查看所有全局安装的包 | npm list -g |

|----------|------------|
| 查看所有安装的包 | npm list |

|-----------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 安装第三方npm包 | 全局安装 install <Package Name> -g 本地安装 npm install <Package Name> 安装指定版本包 npm install <Package Name>@xx.xx.xx 安装最新版或tag版 npm install <Package Name>@latest npm install <Package Name>@beta beta为发布的tag版名称 安装并写入package.json的dependencies(生产环境依赖) npm install <Package Name> --save 安装并写入package.json的devDepencies中(开发环境依赖) npm install <Package Name> --save-dev |

|-----|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 删除包 | 删除全局包 npm uninstall <Package Name> -g 卸载局部安装包 npm uninstall <Package Name> 删除包的同时删除留在package.json中dependencies下的包 npm uninstall <Package Name> --save 删除包的同时删除留在package.json中devDependencies下的包 npm uninstall <Package Name> --save-dev |

|-----|-----------------------------------|
| 更新包 | 更新某个包 npm update <Package Name> |

要将整个 npm 源替换为淘宝镜像

npm默认都是指向https://registry.npmjs.org/ 但是为了提升安装速度,需要设置源为https://registry.npm.taobao.org/

运行 npm config get registry 查看源

设置源 npm config set registry https://registry.npm.taobao.org/

再次运行 npm config get registry 查看源

npm init 创建模块

npm init用来初始化生成一个新的package.json文件。它会向用户提问一系列问题,如果觉得不用修改默认配置,一路回车就可以了

尾缀带-y(代表yes),则跳过提问阶段,直接生成一个新的package.json文件

nvm管理node版本

查看node对应npm 的版本号:

以往的版本 | Node.js

  • 下载nvm

打开浏览器,访问 nvm 的 GitHub 页面:https://github.com/coreybutler/nvm-windows/releases

页面中找到最新版本的 nvm 安装文件,并下载 nvm-setup.zip 文件

解压下载的 ZIP 文件,并运行其中的 nvm-setup.exe 安装程序

完成安装后,打开新的终端窗口,并运行以下命令检查 nvm 是否安装成功

  • nvm的一些命令

nvm install 14.17.6 安装指定的node版本

nvm list 查看 NVM 下安装了哪些 Node.js 版本

nvm use 14.17.6 切换到指定版本

可能遇到的问题

用nvm切换版本显示切换成功,但node -v查看时还是没变

上述可能是环境变量的问题,如下图:

sys用户变量指的是当前用户才能使用的环境变量,系统变量则是 不管什么用户登录都能使用的环境变量

**解:**可以手动进行更改、配置,如下图: 手动更改下NVM_SYMLINK路径也可以

有其他解决方法欢迎留言

相关推荐
鬼手点金1 小时前
nanoGPT/nanochat 能做出 DeepSeek/Qwen 这样的大模型吗?
服务器·前端·javascript·bug·openclaw
蛋蛋的就会顺顺的2 小时前
hot100 p0——栈,贪心算法,动态规划
java·前端·javascript·算法·leetcode·力扣
程序员Sunday2 小时前
TypeScript 的 any、unknown、never 有什么区别?
前端·面试·typescript
朱涛的自习室2 小时前
70 美金的 Beyond Compare,我让 Gemini 4 和 DeepSeek 造个开源免费版(Day 2)
android·前端·人工智能
码艺-Alimjan3 小时前
Tauri 源码备份 · 打包 & 解压 总结,源码收集之路
前端·javascript·vue.js
小马不起床3 小时前
零基础玩转 FastAPI_11:前端后台管理页面
前端·状态模式·fastapi
子非鱼a4 小时前
【文件上传】一个普普通通的edu16
前端
美狐美颜SDK开放平台4 小时前
直播APP如何实现美白滤镜功能?视频美颜SDK技术开发方案详解
前端·数据库·人工智能·音视频·美颜sdk·直播美颜sdk·视频美颜sdk
pride.li5 小时前
第03章 Python 教程-基础语法:注释与变量
服务器·前端·后端·python·算法·计算机视觉
屏什么录5 小时前
电脑如何录屏幕视频和声音?从工具到代码,7 种方案帮你彻底搞定
前端·音视频开发