VSCode内置NPM脚本管理器支持查看、运行和调试package.json脚本，需手动刷新列表、配置终端复用、右键传参/环境变量，并通过launch.json配置调试。

vscode 内置的 npm 脚本管理器（npm scripts explorer）能让你不离开编辑器就快速查看、运行和调试 package.json 中定义的脚本，省去频繁切终端、敲命令的麻烦。用好它，关键在理解它的行为逻辑和几个实用操作细节。

脚本列表自动刷新有前提

VSCode 不会实时监听 package.json 变化，修改脚本后需要手动触发刷新，否则新脚本不会出现在侧边栏里。

• 点击 NPM 脚本视图右上角的 刷新图标（两个带箭头的圆圈）
• 或按快捷键 Ctrl+R（Windows/Linux） / Cmd+R（macOS）
• 确保当前打开的文件夹是包含 package.json 的项目根目录（不是子文件夹）

双击运行脚本时默认不启用终端复用

每次双击脚本，VSCode 都会新开一个集成终端面板。如果想复用同一个终端（比如连续运行 build → serve），可以这样设置：

• 打开 VSCode 设置（Ctrl+,），搜索 npm script terminal
• 勾选 Npm > Script: Terminal Reuse
• 或者在 settings.json 中添加："npm.script.terminal.reuse": true

支持带参数和环境变量的快捷执行

直接双击只能运行无参脚本。要传参或设环境变量，得右键脚本 → 选择 Run Script in Terminal，然后在终端里手动补全：

ECTouch移动商城系统

ECTouch是上海商创网络科技有限公司推出的一套基于 PHP 和 MySQL 数据库构建的开源且易于使用的移动商城网店系统！应用于各种服务器平台的高效、快速和易于管理的网店解决方案，采用稳定的MVC框架开发，完美对接ecshop系统与模板堂众多模板，为中小企业提供最佳的移动电商解决方案。ECTouch程序源代码完全无加密。安装时只需将已集成的文件夹放进指定位置，通过浏览器访问一键安装，无需对已有

0 查看详情

• 例如脚本 "dev": "vite"，右键运行后可立刻输入 --host 0.0.0.0 --port 3001
• 如需临时加环境变量，可在终端中先执行：NODE_ENV=production npm run build（Linux/macOS）或 set NODE_ENV=production && npm run build（Windows）

调试脚本需额外配置 launch.json

NPM 脚本管理器本身不提供调试功能。要断点调试 Node.js 类型的脚本（比如自定义 CLI 工具或 Jest 测试），需要手动配置 .vscode/launch.json：

• 选择 Run → Add Configuration… → Node.js: NPM Script
• 选择目标脚本名（如 test），VSCode 会自动生成配置项
• 保存后，该脚本旁会出现绿色虫子图标，点击即可启动调试会话

基本上就这些。不复杂但容易忽略——尤其是刷新机制和终端复用，调通一次，后续效率提升很明显。

以上就是VSCode集成的NPM脚本管理器使用技巧的详细内容，更多请关注其它相关文章！

# 网店  # 泰州网站建设公司效果  # 福清网站推广公司  # 酒吧文案营销推广方案  # 蔡卓妍电影网站建设  # 西城网站建设外包  # 博罗手机网站建设服务  # 在线关键词排名图片  # 公益网站建设  # seo优化表格  # 舞台剧营销推广策略分析  # 已有  # 尤其是  # 几个  # 使用技巧  # 开发人员  # vscode  # 双击  # 复用  # 右键  # 管理器  # 工具  # npm  # windows  # vite  # node  # json  # node.js  # js  # linux  # npm脚本 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： LINQ to XML为何解析失败？ 深入理解C# XDocument的异常处理  多闪网页版在线观看免费入口_多闪官网访问入口  漫画星球免费下拉式入口 漫画星球免费漫画在线阅读网站  双系统安装时，如何设置默认启动系统？ msconfig命令了解一下！  怎样把文件彻底粉碎无法恢复_Windows下安全删除敏感数据【隐私保护】  PySpark中高效提取字符串右侧可变长度数字：使用regexp_extract  抖音网页版企业服务中心登录入口_抖音网页版企业登录平台  Golang如何测试channel通信行为_Golang channel通信测试与分析方法  J*aScript动态修改指定div内所有a标签样式指南  支付宝碰一碰设备是REDMI手机吗 博主拆机辟谣：处理器、内存都不一样  妖精动漫免费平台 妖精动漫官网资源观看网址  我的世界mc.js免费游戏直接能玩 我的世界mc.js小游戏免费秒玩入口  支付宝如何设置安全保护_支付宝安全设置的全面教程  UE5.7引擎表现爆炸优化无敌！5090跑4K稳定60FPS  React Router 嵌套组件中 URL 重定向问题的解决方案  海量存储：机器视觉智能化的核心基石  J*aScript中高效管理与清空动态列表：避免循环陷阱  PHP 枚举：根据字符串获取枚举案例的策略与实现  PostgreSQL海量数据高效导入策略：Python与Django实践指南  word邮件合并后日期格式不对怎么改_Word邮件合并日期格式修改方法  今日头条怎么同步内容到抖音_今日头条内容同步到抖音教程  韩小圈电脑版在线入口_网页版免费登录地址  动漫花园资源网使用步骤_动漫花园资源网下载流程  如何使用CaptainHook和Composer管理Git钩子_在提交前自动运行代码检查的Composer配置  离线运行Go语言之旅：本地部署与GOPATH配置指南  Highcharts 雷达图径向轴标签定制指南：利用多Y轴实现数值标注  使用 Pandas 高效处理 .dat 文件：字符清理与数据计算  品牌机怎么重装系统 联想/戴尔/惠普笔记本恢复出厂系统教程  MAC如何安全彻底地删除文件_MAC使用终端命令确保文件无法被恢复  Python vgamepad库按键模拟：正确使用XUSB_BUTTON常量  台积电1.4nm工艺A14瞄准2028：10年来性能提升80%  修复二维数组索引越界异常：一维循环到二维坐标的正确映射  蛙漫安全无毒 官方认证的绿色入口  Tabulator表格中精确实现日期时间排序的指南  Sublime Text怎么显示空格和制表符_Sublime显示不可见字符设置  哔哩哔哩忘记密码了怎么找回_哔哩哔哩密码找回方法  俄罗斯方块最新版入口 俄罗斯方块在线玩官网入口  QQ官网正版登录链接 QQ在线登录入口最新  外媒分析《GTA6》定价：卖100美元可以但真没必要！  淘宝支付提示失败如何解决 淘宝支付流程优化方法  QQ邮箱官方登录入口_QQ邮箱网页版快捷使用平台  J*a里如何使用forEach遍历Map_Map遍历方法说明  写好的html代码怎么运行出来_运行写好的html代码方法【教程】  Spring Boot内嵌服务器与J*a EE全栈特性：选择与部署策略  谷歌浏览器无痕模式怎么开 Chrome开启无痕浏览设置方法【教程】  composer 和 npm/yarn 在管理依赖方面有什么核心思想差异？  C#中解析不规范的HTML为XML 常见的坑与解决办法  虚幻5科幻题材ARPG大作遭取消！本是《奇异人生》厂商新作  Typer应用中灵活处理命令行参数的令牌化与解析  C++如何连接MySQL数据库_C++使用Connector/C++操作MySQL数据库教程