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模板网!

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

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

相关文章

  • Unity使用技巧

    一、快捷键 1.Ctrl + 1      打开Scene窗口 2.Ctrl + 2      打开Game窗口 3.Ctrl + 3      打开Inspector窗口 4.Ctrl + 4      打开Hierarchy窗口 5.Ctrl + 5      打开Project窗口 6.Ctrl + 6      打开Animation窗口 7.Ctrl + 7      打开Profiler窗口 (性能诊断) 8.Ctrl + 8      打开AudioMixer窗口 (性能诊

    2024年02月13日
    浏览(41)
  • IDEA使用技巧

    目录结构: bin:容器,执行文件和启动参数等 这里以我的电脑系统(64 位 windows7, 16G 内存)为例,说明一下如何调整 VM 配置文件: 1、大家根据电脑系统的位数,选择 32 位的 VM 配置文件或者 64 位的 VM 配置文件 2、32 位操作系统内存不会超过 4G,所以没有多大空间可以调整,

    2024年02月07日
    浏览(44)
  • postman使用技巧

    add 新建参数:ssl_token ## 添加cookie

    2023年04月13日
    浏览(82)
  • 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日
    浏览(31)
  • 【Prompt使用技巧】

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

    2023年04月18日
    浏览(53)
  • burpsuite使用技巧

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

    2024年02月16日
    浏览(34)
  • 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日
    浏览(46)
  • VSCode使用技巧

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

    2024年01月16日
    浏览(56)
  • WPS表格:使用技巧

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

    2024年02月09日
    浏览(37)
  • hive日期使用技巧

    1.获取指定月第一天最后一天 --指定月的第一天 select trunc(\\\'2020-11-10\\\',\\\'MM\\\'); 2020-11-01 --指定月的最后一天 select last_day(\\\'2020-11-10\\\'); 2020-11-30 2.获取连续日期 格式: with dates as(     select date_add(start_date, a.pos) as d     from (select posexplode(split(repeat(\\\"m\\\", datediff(end_date, start_date)), \\\"m\\\"))) a ) se

    2024年02月09日
    浏览(38)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包