webstorm 中不显示 npm 任务面板

点击在我的博客中查看,更好的排版~

背景

在使用 webstorm 的过程中,使用自带的 npm 任务面板可以非常方便的执行 package.json 中定义的 scripts 命令,但是有时候发现任务面板并没有显示出来,在设置中也找不到任何相关的设置。

解决方法

如下图所示,只需要在 package.json 上点击右键,然后选择 show npm scripts 选项即可,会发现右下角侧边栏上出现了一个 npm 的按钮。

webstorm 中不显示 npm 任务面板

点击侧边栏的 npm 按钮,任务面板就显示出来了,选择相应的命令双击或者右键选择运行,就可以快速执行啦。

webstorm 中不显示 npm 任务面板