0

0

VSCode集成的NPM脚本管理器使用小技巧

P粉986688829

P粉986688829

发布时间:2025-12-07 23:09:09

|

432人浏览过

|

来源于php中文网

原创

VSCode的NPM脚本管理器需手动刷新或配置自动保存+插件实现保存即刷新;右键“Run Script with Arguments…”可传参;以下划线前缀命名脚本可置顶分组;用插件或移至"scripts:deprecated"可隐藏低频脚本。

vscode集成的npm脚本管理器使用小技巧

VSCode内置的NPM脚本管理器(即“NPM Scripts”侧边栏)能快速运行package.json里的脚本,但默认行为和一些隐藏功能容易被忽略。用对了,比终端敲命令还顺手。

让脚本列表自动刷新

修改package.json后,NPM脚本视图不会自动更新——得手动右键点击空白处选“Refresh”,或者按Ctrl+R(Windows/Linux)/Cmd+RmacOS)。建议开启自动保存:Files: Auto Save设为afterDelayonFocusChange,再配合插件如 Auto Refresh NPM Scripts(轻量无侵入),就能保存即刷新。

直接运行带参数的脚本

双击脚本名只能执行默认命令。想传参?右键脚本 → “Run Script with Arguments…” → 输入参数(如--watch --port 4001)。注意:参数会原样拼接到命令末尾,等价于npm run dev -- --watch --port 4001(中间两个短横是 npm 的参数分隔符)。

自定义脚本分组与排序

NPM脚本默认按字母序排列,杂乱难找。可在package.json中用下划线前缀归类,比如:

ECTouch移动商城系统
ECTouch移动商城系统

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

下载
  • "_dev": "concurrently ..."
  • "_build": "rollup -c"
  • "_test": "vitest"

VSCode 会把带下划线的脚本置顶,视觉上自然分组;再配合命名习惯(如dev:serverdev:ui),查找效率明显提升。

禁用不常用的脚本,减少干扰

大型项目常有几十个脚本,真正高频的可能就三五个。可安装插件 NPM Scripts Explorer Filter,支持关键词过滤、正则匹配、甚至按标签标记(如加[main]到脚本描述里)。或者更简单:在package.json中把暂不用的脚本移到"scripts:deprecated"字段下(VSCode 不识别该字段,就不会显示)。

基本上就这些——不复杂但容易忽略,调好一次,每天省下十几次切窗口和输命令的时间。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

417

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

533

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

311

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

76

2025.09.10

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

667

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1125

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

799

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

453

2023.08.02

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

0

2026.01.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 7.7万人学习

Git 教程
Git 教程

共21课时 | 2.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号