【NPM 详细教程】概述,常见用法:项目的初始化配置 + 修改镜像 + 安装模块 + 其他命令

前言:学习自
https://www.runoob.com/nodejs/nodejs-npm.html
https://baike.baidu.com/item/NPM/23807941?fr=aladdin
https://www.bilibili.com/video/BV1BU4y147pS?p=21

一、NPM 概述

1、了解 NPM(Node Package Manager)

  • 是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于Maven的pom.xml
  • 已经成为了非官方的发布Node模块(包)的标准。
  • 2020年3月17日,Github宣布收购npm,GitHub现在已经保证npm将永远免费。
  • 截至2020年3月17日,npm为大约1200万开发人员提供了130万个软件包,这些开发人员每月下载这些软件包达750亿次。

2、NPM 的使用场景:

  • 用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

二、NPM 常见用法

1、项目的初始化配置

(1)npm init

按需生成 package.json

建一个空文件夹

在这里插入图片描述
cmd 进入项目目录,输入初始化命令 npm init
在这里插入图片描述
在这里插入图片描述

(2)npm init -y

直接生成 package.json 的骨架
在这里插入图片描述

2、修改npm镜像

经过下面的配置,以后所有的 npm install 都会经过淘宝的镜像地址下载
(注:您看到这篇文章时,此镜像地址会有过期的可能)

npm config set registry https://registry.npm.taobao.org

查看npm配置信息

npm config list

在这里插入图片描述

3、安装模块

(1) 使用 npm install 安装依赖包的最新版,模块安装的位置:项目目录\node_modules,安装会自动在项目目录下添加 package-lock.json文件,这个文件帮助锁定安装包的版本,同时package.json 文件中,依赖包会被添加到 dependencies 节点下,类似maven中的 <dependencies>

npm install jquery

如果安装时想指定特定的版本

npm install jquery@2.1.x

(2)devDependencies节点:开发时的依赖包,项目打包到生产环境的时候不包含的依赖
使用 -D参数将依赖添加到devDependencies节点

npm install --save-dev eslint
#或
npm install -D eslint

(3)全局安装
Node.js全局安装的npm包和工具的位置:用户目录\AppData\Roaming\npm\node_modules,一些命令行工具常使用全局安装的方式

npm install -g webpack

(4)npm管理的项目在备份和传输的时候一般不携带node_modules文件夹

可复用之前项目的 package.json 文件配置:先将此文件复制到新项目的空文件夹下,打开 cmd 并指向此空文件夹,执行

npm install

即可根据 package.json 中的配置下载依赖,初始化项目

4、其他命令

更新包(更新到最新版本)

npm update 包名

全局更新

npm update -g 包名

卸载包

npm uninstall 包名

全局卸载

npm uninstall -g 包名
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

超周到的程序员

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值