什么是NPM和NPM的使用
快速使用
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的使用相关推荐
- NodeJS使用淘宝 NPM 镜像/NPM使用国内源
NodeJS使用淘宝 NPM 镜像/NPM使用国内源 这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步. 当前 regis ...
- npm publish npm resource busy or locked 4082 发布出错解决方案
错误: npm resource busy or locked 4082 解决方法:更新node到最新版本 执行npm命令 npm install 之后才执行 npm publish ,更新也 ...
- 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 ...
- 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 ...
- npm WARN npm npm does not support Node.js v17.3.1解决方法
每次执行npm命令都会出现下面的警告,很恼火 在网上找了一些解决方法,都没有得到解决. 原因: 本质上就是npm和node不配套,需要升级npm 或者node. 查询npm和node匹配关系:以往的版 ...
- 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 ...
- npm 更新依赖 / 更新库 / 更新包 的命令 | npm outdated | npm updated
最近在用一个开源项目的 beta 版,很不稳定,想升级一下 node 项目依赖. 这些命令会很常用,在这里记录一下: # 检查依赖是否过时 npm outdated 如上,slidev/cli 确实有 ...
- NPM problem: npm ERR! extraneous
The Problem: npm ERR! extraneous Checking out an npm problem, I tried ? $ npm list and got the follo ...
- nvm安装成功后npm命令'npm' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
我现在安装了两个node版本 v10.15.3代表10.15.3版本,打开后 v12.16.2代表node版本12.16.2,打开后 现象:我现在使用10.15.3版本的node,npm可以使用,而当 ...
最新文章
- 基于机器视觉的手机产品条码检测方案
- 垂直AI初创企业 VS 横向AI初创企业:不同的产品路线选择
- JS的数据访问及优化访问速度
- 成功解决AttributeError: module 'string' has no attribute 'find'
- tnsname.ora
- x86汇编从实模式到保护模式-程序加载器
- caffe 在 windows 使用
- Linux中的常用命令
- TopCoder 2019线下比赛
- 假设检验的一般步骤(t检验/z检验)
- openpose vs2015 cuda8.0 cudnn5.0 TiTan xp 环境配置
- 经典Java开发教程 腾讯+字节+阿里面经真题汇总,斩获offer
- 【使用C#建立一个简单的员工管理系统】
- 软件测试220道试题及答案
- JAVA应用中集成SF的chatter功能及开发步骤
- 微信公众号商城是否需要云服务器,云商城公众号绑定、微信支付配置文档
- 嘿嘿,插播消息,最新一期的流言终结者
- 用户故事与敏捷方法—用户角色(实战一)
- linux中删除文件的命令
- 万邦亚马逊国际获得AMAZON商品详情 API 返回值说明
热门文章
- java枚举 tostring_Java枚举重写toString()
- java什么时候可能产生内存溢出_JAVA内存泄露和内存溢出
- iphone11pro市场价_iPhone11 Pro首发真机体验:花这一万元真的值吗?
- 博通卖掉赚钱的物联网部门,奥妙在哪里?
- PostgreSQL的集群技术比较
- 《程序员的修炼——从优秀到卓越》-摘要
- 基于MPLS ×××城域网的设计(下篇
- mongo java aggregate_Java中使用mongodb的aggregate聚合查询
- 单纯形算法matlab代码
- Operating System-work6