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路径也可以

有其他解决方法欢迎留言

相关推荐
zl0_00_010 分钟前
xss-lab
前端·网络·xss
爱上你家菜包17 分钟前
Electron一小时快速上手
前端·javascript·electron
陈琦鹏18 分钟前
Vue3+Vite开发Electron桌面端问题记录
前端·javascript·electron
m0_748256342 小时前
Python 入门教程(2)搭建环境 2.4、VSCode配置Node.js运行环境
vscode·python·node.js
狼性书生2 小时前
uniapp vue3实现的一款数字动画调节器件,支持长按、单点操作,提供丝滑的增减动画效果
前端·vue.js·微信小程序·小程序·uni-app
Jelena157795857922 小时前
爬虫获取微店商品快递费 item_feeAPI 接口的完整指南
开发语言·前端·爬虫
总是学不会.2 小时前
从“记住我”到 Web 认证:Cookie、JWT 和 Session 的故事
java·前端·后端·开发
不老刘2 小时前
Node.js, Bun, Deno 比较概述
node.js
AF012 小时前
Ubuntu系统上部署Node.js项目的完整流程
linux·ubuntu·node.js
m0_748234522 小时前
Node.js调用DeepSeek Api 实现本地智能聊天的简单应用
node.js