VSCode不显示NPM脚本!NPM 脚本未显示在资源管理器侧栏中,如何再次展示他们?

已于 2023-06-25 14:43:12 修改
阅读量1w 收藏 24
点赞数 19
文章标签： npm 前端 javascript
于 2022-08-29 09:19:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44848480/article/details/126578069
版权

NPM脚本用来启动编译项目，今天打开的时候突然发现不显示NPM一栏

先分析：

npm脚本消失原因:安装了太多的包管理工具:例如npm,yarn,cnpm,pnpm.

解决方法:需要制定一个默认的脚本管理:

                打开设置全局搜索  npm脚本,配置Npm:Package Manager为npm,然后重启vscode即可!!!

也有可能是自己设置了隐藏

第一种方法：打开一个json文件然后直接关闭vscode，再次打开vscode。最好是package.json。
然后重启。
第二种方法：如果第一种方法无法解决，可以可以试试下面的方法：项目文件夹 ==》 右键 ==》勾选NPM脚本
或者点击项目右侧三个点勾选NPM脚本

这样就可以显示了！！！ 

码农键盘上的梦
关注
  • 19
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
npm报错 npm WARN deprecated....的问题解决方式
任聪聪的博客
07-19 14万+
报错 ：npm WARN deprecated … 现象：无法进行有效的vue项目的部署以及npm install 命令的执行。 原因一：版本问题 说明：由于npm的版本过低或者过高导致的报错 检查版本： npm -v 如果版本是比较旧的，或者是最新的，这里可以进行对npm的更新和回退。 更新npm版本： npm updated -d 查看可以更新的版本 npm install -g npm 默认安装最新版本 安装回退指定的版本： npm updated -d 查看所有的版本 npm -g i.
vscode-npm-import-package-version：在代码中显示npm软件包版本的扩展
02-12
【vscode-npm-import-package-version】是一个针对Visual Studio Code（VSCode）的扩展插件，它的主要功能是在代码中直接展示所引用npm软件包的具体版本信息。这个工具对于开发者来说非常实用，因为它可以帮助用户...
vscode-npm-scripts：在侧栏中查看和运行NPM脚本
02-03
NPM脚本 现在，vscode内置了相同的功能 产品特点 现在支持工作区！ 从侧边栏查看和运行NPM脚本 演示版 用法 打开边栏中的NPM SCRIPTS部分，以查看项目package.json文件中的所有脚本。 单击一个以在控制台中启动它。 每个实例都会基于脚本名称获得自己的控制台选项卡，因此同时运行多个脚本没有问题。 贡献者 zachschuster @（github）-其他改进-PR＃1 frankMazzarella @（github）-向每个TreeItem的工具提示添加了脚本命令/文本-PR＃6 谢谢大家！ 组态 {...“ npm-scripts.showStartNoti
俩种方法解决 VScode中 NPM 脚本消失，NPM 脚本未显示在资源管理器侧栏中
luming的博客
02-03 4581
本文旨在快速帮助解决NPM脚本消失的问题，恢复NPM脚本在左侧管理栏
（解决方案）Visual Studio Code中“npm脚本”消失，设置中无法将其打开
最新发布
ssrsrrn的博客
05-25 322
1、遇见问题：今天遇到一个扯淡的情况（也算首次遇见），我的（npm脚本）消失了，并且无法开启 2、寻找解决方案：我类个骚钢，欻的一下我点开了csdn，在多为前辈的经验中寻找（设置开启，运行脚本关闭······），发现，似乎没办法解决 3、新的发现：我在资源管理器打开了这个文件目录的下一级目录发现··· 是的，它（npm脚本）回来了 4、解决方案：于是乎我有开始寻找解决方案，终于发现！！！！！！！！！！！ 快速点开package-lock.json，然后快速关闭vscode（我不知道具体
Visual Studio Code中找不到npm script
Mozzie_csdn的博客
10-24 1352
vs npm scripts
[vscode]加载web视图出错
qq_41786057的博客
03-14 3258
[vscode]加载web视图出错
VSCode升级后，npm窗口不见了、VSCode 设置中文
灬Manong 博客
11-27 472
VSCode升级后，npm窗口不见了、VSCode 设置中文
npm vscode 无法运行 和 npm 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
weixin_51225684的博客
08-15 4737
npm config set cache “您想创建文件的地址”。如果此时cmd窗口提示node不是内部或外部命令，也不是可运行的程序，依旧是环境变量的问题。2.1）在node.js下建立node_global和node_cahce文件夹。打开此电脑 ==> 右键属性 ==> 高级系统设置 ==> 环境变量。用户变量下，新建用户变量。右击vscode，选择一管理员身份运行，即可解决问题。cmd运行node -v, npm -v检查是否安装。问题原因：npm环境变量配置问题。2.2）新增系统Path变量。..
npm ERR! code EPERM npm ERR! syscall open npm ERR! path C:\Program Files\nodejs\node_cache\_cacache\
01-07
npm ERR! code EPERM npm ERR! syscall open npm ERR! path C:\Program Files\nodejs\node_cache\_cacache\tmp\9600794e npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, open 'C:\Program ...
如何在vscode里使用npm
10-08
下载vscode后安装完node会出现无法使用npm的情况，此文档就是解决如何能使用npm的，步骤很详细，并附有截图
npm-scripts-info：显示您的npm脚本的描述
02-03
npm-scripts-info 显示您的npm脚本的描述。安装该模块通过npm安装： npm install npm-scripts-info --save用法使用scripts-info属性将描述（ scripts-info ）添加到package.json 。 然后，将npm-scripts-info添加到...
vue 报错 c：\user\gisinfo\AppData\Roaming\npm-cache\-logs\2019-09-05\749z-debug.log
qq_35363709的博客
09-05 1115
1.npm uninstall node-sass //先卸载 2.npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ //再安装
vscode运行vue，记不住命令了，没关系，有npm脚本
坐等夕阳落time的博客
07-01 635
vscode运行vue，记不住命令了，没关系，有npm脚本
vscode里面npm项目启动不起来的解决方法
巴胡子
01-12 3778
node.js在vscode里面安装失败，npm项目启动不起来的解决方法： npm install --registry=https://registry.npm.taobao.org执行的时候， 出现错误 gyp ERR! configure error gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable. 然后又去下载python安装后设置了环境变量（可以在vs
vscode无法执行npm等脚本的问题
Thepatterraining的博客
04-12 4324
vscode无法执行npm等脚本的问题 这是因为在windows系统上面powershell的执行策略问题。 可以运行下面的命令查看当前执行策略 Get-ExecutionPolicy 使用下面的命令更改执行策略 Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser -scope参数是 限制在当前用户下面更...
VSCode npm scripts面板无法显示
larntin
04-19 2770
npm scripts 面板无法显示解决方案1解决方案2 解决方案1 打开一个json文件然后直接关闭vscode，再次打开vscode，可以正常启动。 解决方案2 打开VSCode的设置，选择Edit in settings.json，最后一行输入： npm.enableScriptExplorer = true, VSCode v1.23官方发布说明 解决方案的讨论地址 ...
vs code终端中,无法执行npm -v,nodemon -v等指令的解决方案
热门推荐
weixin_42127307的博客
07-07 1万+
在cmd中可以正常执行npm -v,nodemon -v指令,但是在vsvs code终端中,无法执行npm -v,nodemon -v等指令 查了很多解决方法后终于找到了有用的一条 方案一,右键vs code 兼容性 以管理员身份运行,重启vs code 方案二,添加npm所在路径的环境变量 那么不知道npm的路径怎么办?? 现在cmd中执行 npm list -g --depth 0 ...
npm 升级_npm简介
weixin_39603778的博客
11-28 420
做前端开发，如果项目达到了一定的规模，就离不开npm了。下面简单介绍一下npm的知识。1、npm的含义npm，Node Package Manager的缩写，也就是“节点的包管理器”。顾名思义，npm是一个软件包管理器，主要进行JavaScript的包管理。通过npm，我们可以很方便地进行JavaScript包的下载、升级，我们也可以把我们开发的JavaScript包共享给其他使用者。我们可以简单...
vscode不显示npm脚本
09-12
在Visual Studio Code中打开集成终端的方法有两种。首先，你可以将鼠标放在你的项目上，然后右击鼠标，然后在集成终端中输入npm run serve来连接终端。这样，当你断开连接并输入y后，npm脚本就会显示出来。 另一种方法是通过Visual Studio Code的边栏中的"NPM SCRIPTS"部分来查看和运行NPM脚本。你可以打开边栏并点击"NPM SCRIPTS"，然后你就可以在控制台中启动任何脚本。每个脚本都会显示在package.json文件中。 尽管如此，如果你在使用npm的过程中遇到了权限问题，我建议你尝试配置环境变量。虽然这对你现在可能没有什么用，但如果你长期使用npm，这可能会成为一个问题。有很多博主提到了这个问题并提供了解决方法。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

码农键盘上的梦

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

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

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

打赏作者

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

抵扣说明：

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

余额充值