快速使用

npm命令
序号 命令 说明
1 npm init 初始化项目(按照提示一步步输入相关信息,如果用默认值直接回车下一步即可,最后生成package.json 文件)
2 npm init -y 初始化项目(跳过所有询问输入环节,直接生成 package.json 文件)
3 npm config list 查看npm配置信息
4 npm config set registry 地址 设置依赖包来源地址(如设置淘宝镜像地址npm config set registry https://registry.npm.taobao.org )
5 npm install 包名 安装依赖包(例如下载jquery包:npm install jquery,如果没有指定版本则默认下载最新版本。如果需要指定版本:npm install jquery@2.1.1,或npm install jquery@2.1.x)
6 npm update 包名 更新包,更新到最新版本(npm update jquery)
7 npm update -g 包名 全局更新(npm update -g jquery)
8 npm uninstall 包名 卸载包
9 npm uninstall -g 包名 全局卸载

具体使用

一、NPM是什么

1、什么是NPM

NPM(Node Package Manager),Node.js包管理工具(类似于后端Maven的作用)。

2、安装node.js

只要安装了node.js也就有了npm,快速安装Node.js:

Node.js安装和快速使用指南

3、查验是否安装npm

在安装了node.js的前提下,打开命令行(Win+R输入cmd),输入 npm -v,会出现npm的版本号

二、NPM的使用

下面是关于如何使用npm管理项目,使用的工具是VScode:

VSCodeUserSetup下载安装和快速使用

1、项目初始化

使用命令

# 项目初始化(需要一步步填写信息)
npm init# 项目初始化(快捷)
npm init -y

【示例】

(1)在VScode新建一个空文件夹“helloNpm”,然后在终端打开

(2)在终端, 执行命令初始化“npm init”,然后按照提示输入相关的信息(如果默认,回车即可),完成项目初始化

#初始化项目,如果默认值回车即可
npm init

(3)填写完初始化信息后,会生成应该package.json的文件,没有问题的话“y”确认即可

(4) 完成项目初始化后会生成一个package.json配置文件(这个配置文件相当于Maven的pom.xml),后期开发中也是可以更改的

(5)当然,如果想省略上面多次询问,也可以使用快捷的初始化方式:

在新建好一个空文件夹后,直接执行“npm init -y”,直接默认值,一键生成package.json配置文件完成项目初始化

#直接初始化项目,生成 package.json 文件
npm init -y

注:“npm init -y”这也是我们实际开发中常用的方式

2、npm镜像配置

(1)为什么要做npm的镜像配置?

因为在国内,连接国外的npm官方管理包地址,下载速度会很慢。所以目前我们一般的做法是配置淘宝的npm镜像。

npm官方的管理包网址:http://npmjs.com淘宝的npm镜像:http://npm.taobao.org/ 

(2)如何配置?

# 配置下载地址(镜像)
npm config set registry 地址

【示例】

1)命令“npm config list”查看配置信息,可以看到原本是国外的地址

#查看npm配置信息
npm config list

2)配置国内镜像:设置淘宝npm镜像地址

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

注:经过上面的配置,以后所有的 npm install 都会经过淘宝的镜像地址下载

3)完成设置后,使用命令“npm config list”查看配置信息,已经设置成国内地址

3、npm安装依赖

(1)安装依赖包(默认安装最新版)

#安装依赖包的最新版
npm install 包名

如果没有指定版本,按最新版本下载

【示例】

安装jQuery的依赖包

安装完成后可以在package.json中看到,类似Maven的依赖管理:

(2)安装依赖包(指定版本)

npm install 包名@版本

【示例】

npm install jquery@2.x 安装jquery版本为2系列的最新版本
npm install jquery@2.1.x 安装jquery版本为2.1系列的最新版本

(3)安装依赖包(开发环境)

安装的依赖包只在开发环境中使用,项目打包到生产环境的时候不包含的依赖

npm install --save-dev 包名#简写
npm i -D 包名

【示例】
执行:npm install --save-dev eslint

这里依赖在devDependencies节点

(4)安装依赖包(全局安装)

Node.js全局安装的npm包和工具的位置:用户目录\AppData\Roaming\npm\node_modules

npm install --global 包名
#或简写
npm install -g 包名

【示例】
全局安装适用于一些常用工具常,如打包压缩常用的webpack
执行命令:npm install --global webpack

Node.js全局安装的npm包和工具的位置:用户目录\AppData\Roaming\npm\node_modules

(5)项目依赖还原

1)node_modules仓库占的体积比较大,在实际的项目开发中,一般不会把它上传到git,哪怕是平时把项目通过微信,QQ等发给同事,我都会选择先删掉node_modules再把项目压缩发送

2)所以我们一般刚刚获得的项目都是这样的

3)我们用VScode打开项目后,执行命令npm install就可以还原项目所需的依赖包

什么是NPM和NPM的使用相关推荐

  1. NodeJS使用淘宝 NPM 镜像/NPM使用国内源

    NodeJS使用淘宝 NPM 镜像/NPM使用国内源 这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步. 当前 regis ...

  2. npm publish npm resource busy or locked 4082 发布出错解决方案

    错误: npm resource busy or locked 4082 解决方法:更新node到最新版本 执行npm命令  npm install  之后才执行   npm publish ,更新也 ...

  3. npm ERR missing script: server npm ERR npm ERR Did you mean this? npm ERR serve npm ERR A

    npm ERR! missing script: server npm ERR! npm ERR! Did you mean this? npm ERR! serve npm ERR! A compl ...

  4. pm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: undefi

    文章目录 报错内容 解决方法 报错内容 npm i element-ui -S npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve n ...

  5. npm WARN npm npm does not support Node.js v17.3.1解决方法

    每次执行npm命令都会出现下面的警告,很恼火 在网上找了一些解决方法,都没有得到解决. 原因: 本质上就是npm和node不配套,需要升级npm 或者node. 查询npm和node匹配关系:以往的版 ...

  6. ubuntu安装npm(npm install)时报错:run `npm audit fix` to fix them, or `npm audit` for details

    主要还是安装权限问题,最好先切换到root用户下,再执行指令(root用户下不用加sudo) 执行npm install,然后还报错就用npm audit fix,还报错就npm audit fix ...

  7. npm 更新依赖 / 更新库 / 更新包 的命令 | npm outdated | npm updated

    最近在用一个开源项目的 beta 版,很不稳定,想升级一下 node 项目依赖. 这些命令会很常用,在这里记录一下: # 检查依赖是否过时 npm outdated 如上,slidev/cli 确实有 ...

  8. NPM problem: npm ERR! extraneous

    The Problem: npm ERR! extraneous Checking out an npm problem, I tried ? $ npm list and got the follo ...

  9. nvm安装成功后npm命令'npm' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

    我现在安装了两个node版本 v10.15.3代表10.15.3版本,打开后 v12.16.2代表node版本12.16.2,打开后 现象:我现在使用10.15.3版本的node,npm可以使用,而当 ...

最新文章

  1. 基于机器视觉的手机产品条码检测方案
  2. 垂直AI初创企业 VS 横向AI初创企业:不同的产品路线选择
  3. JS的数据访问及优化访问速度
  4. 成功解决AttributeError: module 'string' has no attribute 'find'
  5. tnsname.ora
  6. x86汇编从实模式到保护模式-程序加载器
  7. caffe 在 windows 使用
  8. Linux中的常用命令
  9. TopCoder 2019线下比赛
  10. 假设检验的一般步骤(t检验/z检验)
  11. openpose vs2015 cuda8.0 cudnn5.0 TiTan xp 环境配置
  12. 经典Java开发教程 腾讯+字节+阿里面经真题汇总,斩获offer
  13. 【使用C#建立一个简单的员工管理系统】
  14. 软件测试220道试题及答案
  15. JAVA应用中集成SF的chatter功能及开发步骤
  16. 微信公众号商城是否需要云服务器,云商城公众号绑定、微信支付配置文档
  17. 嘿嘿,插播消息,最新一期的流言终结者
  18. 用户故事与敏捷方法—用户角色(实战一)
  19. linux中删除文件的命令
  20. 万邦亚马逊国际获得AMAZON商品详情 API 返回值说明

热门文章

  1. java枚举 tostring_Java枚举重写toString()
  2. java什么时候可能产生内存溢出_JAVA内存泄露和内存溢出
  3. iphone11pro市场价_iPhone11 Pro首发真机体验:花这一万元真的值吗?
  4. 博通卖掉赚钱的物联网部门,奥妙在哪里?
  5. PostgreSQL的集群技术比较
  6. 《程序员的修炼——从优秀到卓越》-摘要
  7. 基于MPLS ×××城域网的设计(下篇
  8. mongo java aggregate_Java中使用mongodb的aggregate聚合查询
  9. 单纯形算法matlab代码
  10. Operating System-work6