NPM使用技巧

这篇具有很好参考价值的文章主要介绍了NPM使用技巧。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

使用NPM需要先安装NodeJS。本文包含NodeJS中NPM包管理器的使用技巧,具体内容包含NPM介绍、NPM命令、常用模块等内容,还包含全局模块位置、PowerShell报错、安装模块冲突等技巧。

技巧

全局模块位置

NPM使用npm install -g命令安装的全局模块一般在用户目录下,位置如下:

C:\Users\[username]\AppData\Roaming\npm

其中,[username]为用户名。

PowerShell报错

使用PowerShell运行NPM安装的脚本时报错,提示在此系统上禁止运行脚本,如下图:
NPM使用技巧,Software,NPM,NodeJS

解决方案:
方案1:使用CMD命令提示符运行此命令。
方案2:管理员身份运行PowerShell,运行下方命令:

set-ExecutionPolicy RemoteSigned

即可在PowerShell中正常运行之前无法运行的脚本,如下图:
NPM使用技巧,Software,NPM,NodeJS

若要恢复PowerShell的设置,可运行如下命令:

set-ExecutionPolicy Default

若要查看当前ExecutionPolicy状态,可以使用如下命令:

set-ExecutionPolicy

安装模块冲突

使用npm install命令安装package.json中的模块时,可能会报peer错误,即安装模块冲突,如下图:
NPM使用技巧,Software,NPM,NodeJS

原因
新版的NodeJS中的NPM版本较高,不兼容老版本创建的package.json文件。

解决方案
方案1:在npm install命令后添加--force(即-f)或--legacy-peer-deps命令。
方案2:将NodeJS卸载重装,降级到12版本。

NPM介绍

NPM是随同NodeJS一起安装的包管理工具,因此要使用NPM则需要先安装NodeJS,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

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

由于新版的NodeJS已经集成了npm,所以安装NodeJS时npm也一并安装好了。

测试是否成功安装,打开CMD命令提示符或PowerShell,命令如下:

npm -v

若出现版本提示表示安装成功,如下图:
NPM使用技巧,Software,NPM,NodeJS

NPM命令

使用方法

打开CMD命令提示符或PowerShell,推荐使用PowerShell,因为可以查看之前使用的命令记录。

基本命令

# 查看 npm 命令列表
npm -h

# 查看各个命令的简单用法
npm -l

# 查看 npm 的版本
npm -v

# 查看 npm 的配置
npm config list -l

模块命令

安装模块

# 本地安装
npm install [module name]

# 全局安装
npm install -g [module name]
# 同
npm install [module name] -g

# 强制安装
npm install -f [module name]

其中,[module name]为模块名。

安装指定版本
安装指定版本的模块,也适用于降级模块版本

# 安装指定版本的模块
npm install [module name]@[version]

# 示例:安装指定版本的jquery
npm install jquery@1.11.0

# 示例:安装jquery v1.0中的最新版本
npm install jquery@1

安装所有依赖包
安装当前项目的所有依赖包,即当前目录中package.json中的全部模块,一般使用本地安装方式

npm install

更新npm

npm install -g npm

更新模块

# 升级本地模块
npm update [module name]
# 升级全局模块
npm update -g [module name]

卸载模块

# 卸载本地模块
npm uninstall [module name]
# 卸载全局模块
npm uninstall -g npm uninstall

卸载所有模块
卸载本地所有模块,需安装rimraf模块

npm install -g rimraf
rimraf node_modules

查看模块

查看所有安装模块及版本号

# 查看本地模块
npm list
# 查看全局模块
npm list -g

查看指定模块的版本号

npm list [module name]

运行命令

npm 不仅可以用于模块管理,还可以用于执行脚本。package.json 文件有一个 scripts 字段,可以用于指定脚本命令,供npm直接调用。

# 列出package.json里所有可以执行的脚本命令
npm run

# 运行package.json中的start脚本命令
npm run start
# 同
npm start

# 运行package.json中的test脚本命令
npm run test
# 同
npm test

镜像管理

设置npm镜像(可选)

设置npm镜像
npm config set registry [resigtry address]
# 设置npm镜像为淘宝镜像
npm config set registry https://registry.npmmirror.com

其中,resistry address为镜像地址。

安装淘宝定制的cnpm工具(可选)

# 安装cnpm工具,并设置registry
npm install -g cnpm --registry=https://registry.npmmirror.com
# 使用cnpm安装模块
cnpm install [module name]

查看镜像

# 查看npm镜像
npm config get registry
# 查看cnpm镜像
cnpm config get registry

常用模块

rimraf

作用:以包的形式包装rm -rf命令,用来删除文件和文件夹的,不管文件夹是否为空,都可删除。

一般使用全局安装方式,这样在任何目录都可以使用此模块。

# 安装
npm install -g rimraf
# 使用
rimraf node_modules

yarn

作用:yarn同npm类似,也是一个软件包管理系统,用于管理 JavaScript 编写的软件包,yarn 的出现是为了弥补 npm 的一些缺陷。

一般使用全局安装方式,这样在任何目录都可以使用此模块。

# 安装
npm install -g yarn
# 移动到项目目录
cd [project path]
# 安装项目所有的依赖包
yarn install

其中,[project path]为项目所在文件目录。文章来源地址https://www.toymoban.com/news/detail-700553.html

到了这里,关于NPM使用技巧的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 【Prompt使用技巧】

    【Prompt使用技巧】

    ⚠️注意 我介绍的技巧其实在各个场景都可以使用,我将其放在某个场景下解释,只是因为我觉得它更有可能在这个场景用到。你也会更容易记住这个用法。并不意味着这个技巧仅能在此场景使用。并且多技巧混用也是个不错的用法。 在问答场景里,为了让 AI 回答更加准确

    2023年04月18日
    浏览(11)
  • ChatGpt使用技巧

    ChatGpt使用技巧

    通用类技巧 角色扮演 比如让ChatGpt扮演500强营销专家 告诉ChatGpt你的身份。初学者、或是有一定能力、知识的学习者等 限制ChatGpt回答长度 100~200字之间 让ChatGpt一步一步思考 他会预测下一个单词,根据prompt进行生成 明确你的要求和目的 说清楚问题,如何回答你的问题 提供充

    2024年01月22日
    浏览(8)
  • burpsuite使用技巧

    burpsuite使用技巧

    burpsuite使用之无限请求 一,需要重放的数据包发送到intruder,添加域名、路径变量    不需要URL编码。为空就行 二,带入数值,可从本地引入#较慢,建议复制粘贴变量。 1变量为1的变更值,域名 2变量为2的变更值。路径 三,设置最大线程数,并发请求数。    四,设置请求错

    2024年02月16日
    浏览(10)
  • vscode使用技巧(2)

    vscode使用技巧(2)

    在vscode中我们想要跳到函数定义的地方去,要装个插件,点击下面红色圈住的地方 在里面搜索插件来安装,输入我们要安装的插件,php IntelliSense,如下 安装好后,它会扫描我们的项目,如下 等它扫描完,我们就可以跳到函数的定义的地方去了,我们把鼠标放到我们要跳转的

    2024年02月14日
    浏览(8)
  • WPS表格:使用技巧

    WPS表格:使用技巧

    链接:excel中的日期格式 ① 连接符 只有 \\\"/\\\"和\\\"-\\\" 是日期格式的连接符 将且仅将选中的单元格设置为“短日期” ,输入2000 / 1 / 1或2000 - 1 - 1会自动转换为2000 / 1 / 1 将且仅将选中的单元格设置为“长日期” ,输入2000 / 1 / 1或2000 - 1 - 1会自动转换为2000 年 1 月 1 日 若是其它符号

    2024年02月09日
    浏览(8)
  • Chrome的使用技巧

    Chrome的使用技巧

    1. 请求重发 F12 - Network - Replay XHR 2. 修改请求参数后重发 F12 - Network - Copy - Copy as fetch 然后在 Console 控制台 ctrl + v ,而后就可以对请求的参数进行编辑,回车就会重更新请求 再在 Network 就可以看到这个请求了 3. 复制对象 (管控台 输入 copy(对象)) var result = {“code”:400501,“

    2024年02月06日
    浏览(7)
  • GitHub使用技巧

    GitHub地址:https://github.com/explore 常用词含义: watch:持续收到该项目动态 fork:复制某个项目到自己的GitHub仓库中 star:可以理解为点赞数 clone:将项目下载至本地 follow:可以理解为关注对方的有多少人 按下 s ,进入搜索页面 1.1 排序搜索结果 ①按更新日期排序 ②按提交者日

    2023年04月09日
    浏览(14)
  • VSCode使用技巧

    VSCode使用技巧

    使用快捷键Ctrl+Shift+P 主题先选择 浅色+ (默认浅色) 然后选择setting workbench.colorCustomizations 选项是配置护眼色选项,个人比较喜欢豆沙绿#C7EDCC(还有青草绿 #E3EDCD、海天蓝 #DCE2F1、杏仁黄 #FAF9DE等),可根据个人喜好更换成不同的颜色。 其他的配置选项具有注释,可根据情况

    2024年01月16日
    浏览(13)
  • pycharm的使用技巧

    pycharm的使用技巧

    1.新建文件时,自动生成代码 settings-editor-file and code templates,选择python script ${NAME} 文件名 ${DATE} 日期 2.自动补齐自定义段落 settings-editor-live templates,在右侧点击+号,添加自定义的内容 完成之后,在下方勾选python 3.修改注释的颜色 settings-editor-color scheme-python 4.取消语法检查

    2024年01月24日
    浏览(11)
  • IDEA 使用技巧

    IDEA 使用技巧

    除了一些在Linux上用vim开发的大佬,idea算是很友好的集成开发工具了,功能全面,使用也很广泛。 记录一下我的 IDEA 使用技巧,以后想到什么会继续更新这个 我主要用IDEA开发java,不知道idea对其他语言是否也有这些支持,所以感兴趣的可以看一下 sout 快速生成Java打印语句

    2024年02月08日
    浏览(8)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包