解决方法：Visual Studio Code中npm脚本找不到

最新推荐文章于 2026-03-26 18:57:09 发布
原创 最新推荐文章于 2026-03-26 18:57:09 发布 · 6.6k 阅读 · 32 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测
标签
#vscode #npm #ide
文章介绍了如何修改NPM的默认配置，首先通过VSCode的用户设置进行调整，接着重启编辑器，打开package.json后启用npm脚本显示功能，这样可以在资源管理器中查看和运行NPM脚本。

第一步：通过设置/用户设置/扩展/MPM更改NPM默认配置，如下图所示

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tnLgYKl3-1688639017939)(D:\studySpace\图片\1669304930336.png)]

第二步：重启VS Code，并且双击打开package.json文件，然后点击资源管理器处的3个小点，勾选npm脚本选项，如图所示

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cTUOpeKx-1688639017941)(D:\studySpace\图片\1669305068434.png)]

然后就能都显示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
Visual Studio Code 不能识别 npm、nvm 等（mac 环境）
窝窝头的博客
05-05 7925
目录： 本机环境 配置 VScode 一、本机环境 本机系统： Mac Visual Studio Code: 1.44.2 二、配置 VScode 2.1、打开 settings.json 文件： 顶部菜单栏： Code --> Preferences --> Settings 还是快捷键打开吧！！： ‘command’ 键 + ‘,’ 键 2.2 然后输入：shel...
VScode中NPM脚本消失的三种高效排查与恢复方案
weixin_27791839的博客
02-01 408
本文详细解析了VScode中NPM脚本消失的常见原因及三种高效解决方案，包括检查NPM插件配置、重置设置和修复package.json文件。通过实用技巧和最佳实践，帮助开发者快速恢复资源管理器中的脚本显示，提升前端开发效率。
解决vscode执行npm错误，但cmd可以执行的两种方法
最新发布
2401_88462127的博客
03-26 381
摘要：在VSCode中使用npm时遇到PowerShell脚本执行策略拦截问题，导致无法运行npm命令。根本原因是PowerShell默认优先执行npm.ps1脚本而被系统策略阻止。提供两种解决方案：1) 将终端切换为cmd模式，通过npm.cmd执行命令；2) 直接使用npm.cmd替代npm命令。两种方法均通过绕过PowerShell脚本策略限制实现正常使用npm功能，不影响项目依赖管理。
如何打开vscode侧边栏左下角的NPM脚本
灵壹Eli的博客
04-27 5982
如何打开vscode侧边栏左下角的NPM脚本
俩种方法解决 VScode中 NPM 脚本消失，NPM 脚本未显示在资源管理器侧栏中
luming的博客
02-03 9869
本文旨在快速帮助解决NPM脚本消失的问题，恢复NPM脚本在左侧管理栏
Visual Studio Code中npm脚本找不到解决方法
qq_62249633的博客
04-15 1万+
现在我用npm还是在集成终端中输入:npm run serve 这行代码，但是在断开连接(Ctrl+c)，输入y后，这个npm脚本就会冒出来。最后：虽然没啥用，但是想记录一下，等长期用npm后，可能我也要去配一下环境变量，毕竟好多博主说权限问题。4.在网上尝试了俩种方法( 注意:以下俩种方法，对我出现npm脚本都没用，但是你们电脑可以尝试一下 )1.在运用npm途中，发现Visual Studio Code第一次打开时，npm脚本还在。连接上后，断开连接(Ctrl+c)输入y后，npm脚本就出来了。
Visual Studio Code搭建VUE开发环境
Nicky's blog
08-07 8811
Vue.js 是一款易学易用，性能出色，适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建，提供容易上手的 API 和一流的文档
Visual Studio Code中npm脚本关闭了后找不到
姬鹏的博客
05-08 657
Visual Studio Code中npm脚本关闭了后找不到
Visual Studio Code 2025 安装与高效配置教程
waicsdn_haha的博客
02-22 2420
Visual Studio Code（简称VS Code）是微软推出的免费开源代码编辑器，支持智能代码补全Git集成插件扩展等功能，适用于前端开发、Python、Java等多种编程场景。本文详细讲解了Visual Studio Code 2025的安装流程、配置优化及高效开发技巧，涵盖从下载到实战的全链路步骤。所有资源均基于官方正版，安全可靠。读者可通过CSDN社区获取更多插件与开发资源。提示：实际发布时请补充截图（如安装界面、插件商店），替换文中xxx.png为实际图片链接。
VSCode中的资源管理器没有NPM脚本，如何解决
jsjsjejsj的博客
08-11 3214
在前端项目中，发现VSCode中的资源管理器一栏里面没有NPM脚本选项，如何解决？
VSCode不显示NPM脚本!NPM 脚本未显示在资源管理器侧栏中,如何再次展示他们?
码农键盘上的梦
08-29 1万+
打开设置全局搜索 npm脚本,配置Npm:Package Manager为npm,然后重启vscode即可!:安装了太多的包管理工具:例如npm,yarn,cnpm,pnpm.
VS Code使用NPM脚本启动Vue程序
振华OPPO的博客世界
12-17 2102
寿康宝鉴》原名《不可录》，由印光大师编订而成，既告诫青少年，气血未定之时，不要沉迷于不健康的黄色书刊，以防摧残身体，消磨意志，荒废学业;《寿康宝鉴》阐明了色欲与健康夭寿的利害关系，告诉世人如何长寿和健康，全书分为序题、警训、事证、立誓、戒期、求子、附录等章节，记载了淫欲之害、戒除的格言以及福祸悔过的案例，分析和陈述了持戒的方法、日期以及其中的忌讳。1、进入设置，打开自动检测npm脚本，以及勾选启动包含的npm脚本。4、然后点击serve的运行按钮，就可以启动程序到本地路径了。
VSCode 使用npm
weixin_44773752的博客
04-12 3万+
VSCode 使用npm 文章目录VSCode 使用npm1.打开cmd 输入指令 npm -v 查看npm是否安装2.打开vscode 在工作区创建一个项目，右键打开 “在集成终端中打开”3.终端中输入 ==npm init -y==，为项目创建npm环境，创建成功生成package.json文件4.修改npm镜像5.利用npm导入jquery，导入成功生成两个文件6.更多命令操作 1.打开cmd 输入指令 npm -v 查看npm是否安装 2.打开vscode 在工作区创建一个项目，右键打开 “在集成
Visual Studio Code底部不显示npm script/NPM 脚本，怎么办？
weixin_71108480的博客
01-11 2124
2.按照如图所示的目录以此打开，把对应的Npm:Enable Run From Folder勾选给上，然后重启visual studio code。3.重启后打开项目文件，选中jsconfig.json ，然后点击项目目录的右上方的 ”. . . “ ,勾选NPM Scripts/脚本即可。1.打开visual studio code的设置。
前端开发利器--VScode（Visual Studio Code）
热门推荐
pengjunlee的博客
07-18 5万+
前言 　　　在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。 　　　都不用我安利VS code，大家就会乖乖的去用，无数个大言不惭的攻城狮，都被VS code比德芙还丝滑的强大功能所折服。 　　　我是来给大家安利插件的，想做个比较全面的插件集合给大家。网上的我也看过一些，但是都比较零散，时间也久了一些，我结合最近的情况，总结一下，造福大家，才是我...
Visual Studio Code安装及环境配置
m0_46549742的博客
08-02 9774
一、安装Visual Studio Code 在https://code.visualstudio.com/中下载，并且安装。 二、环境配置 1、首先安装node.js。 2、打开cmd，以管理员身份运行。在cmd中输入命令node - v，运行成功将显示node的版本。 3、安装淘宝镜像。 在cmd中输入指令：npm install -g cnpm --registry=https://registry.npm.taobao.org 。等待安装完成。 4、语言设置。 打开Visual Studio
visual studio code + react 开发环境搭建
CrazyHSF的博客
07-13 4万+
开发环境 windows 开发工具 visual studio code node 安装和 npm windows 安装node 可以直接在 node官网 直接下载直接当作普通软件安装即可。 安装完成可以在控制台中运行node测试是否安装成功 win + r 输入 cmd ,直接在终端输入node -v 输出版本号及已经成功安装。 目前新版本的node自带npm(npm 是随...
VScode——NPM脚本窗口找不到
白白白鲤鱼的博客
07-16 3785
VScode——NPM脚本窗口找不到
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值