【WebStorm】npm 面板不显示及错误提示问题

原创 于 2024-12-02 10:41:38 发布 · 630 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webstorm #npm #ide

问题1：不显示

解决步骤
  1. 找到 package.json，右击
  2. 找到 Show npm Scripts，选中
  3. npm 显示在侧边栏
    在这里插入图片描述
    在这里插入图片描述

问题2：报错 No scripts found


在这里插入图片描述

解决步骤如图所示：

在这里插入图片描述

May21☀️
关注
WebStorm 从入门到精通：全功能开发指南与实战技巧
漫画之迷学编程
10-05 911
摘要 《WebStorm 从入门到精通》系统介绍了这款专业JavaScript IDE的核心功能与高阶技巧。文章从安装配置（环境设置/插件管理）和界面认知（面板布局/快捷键）入手，重点解析代码智能提示、重构（重命名/提取函数）、版本控制等核心功能，并深入调试测试、框架支持（React/Vue）等高级应用。通过多行编辑、JSDoc注释等实操示例，展示效率提升方法，最后提供性能优化与定制化配置方案。全文以"基础→进阶→精通"为脉络，帮助开发者充分发挥WebStorm在前端开发中的效能优势。
WebStorm使用相关
pan-zy的专栏
07-02 526
常用快捷键 书签添加/删除: F11 查看所有书签: Shift + F11 删除行 Ctrl+X 复制行 Ctrl+D 格式化代码: ctrl+alt+L 查找类 Ctrl+N 查找文件 Ctrl+Shift+N 从多个文件查找，可以自定义查找范围 Ctrl+Shift+F 查找函数或变量在哪被使用 Alt+F7 类，文件，配置项，快捷键，函数，路径等等都能搜索 Shift+Shift 展开/折叠 ctrl+shift+ +/- 折叠选中的代码的代码 ctrl + ‘.’ 行移动,上下移动句子 ctrl
webstorm（更新webstorm之后）配置npm找不到脚本
qq_14977729的博客
11-29 630
由于webstorm提示更新不小心点击更新之后，之前配置的npm脚本已经不能使用，在网上查找很多资料之后并没有解决实际的问题，经过不断地探索之后解决了问题，特此记录一下。
webstorm中不显示npm侧边工具栏
明天最后的博客
09-22 1506
选中package.json文件在右键菜单中选择show npm scripts，就可以了 然后双击你想运行的package.json中配置script命令，就可以跑起来了。
webstorm左下角没有vue的npm项目启动快捷方式的解决办法
04-21 1566
之前一直使用的vscode，现在突然切换回webstorm还是有点不习惯呢，找不到npm的快捷执行按钮了，这该怎么办？其实很简单，选中package.json，然后右键，点击Show npm Scrpits。
解决WebStorm中不显示npm任务面板
白豆五的博客
06-20 1064
【代码】解决WebStorm中不显示npm任务面板。
2021.12.2 IDEA使用npm无法显示Show npm Scripts功能的解决方案
qq_43416650的博客
12-02 4836
按照jeecg-boot开发文档（http://doc.jeecg.com/2043875）配置好nodejs、nmp 、yarn之后，找到package.json,右击package.json没有Show npm Scripts功能，如图所示： 解决方案： 点击View–>Tool Windows–>Terminal 1.在输入框中输入cd ./ant-design-vue-jeecg 到ant-design-vue-jeecg 目录下 2.再输入npm run serve 调起服务
webstorm终端识别不了npm
02-27
最后，建议用户提供更多错误信息，比如具体的错误提示，或者尝试在系统终端中运行npm命令，以确定是否是WebStorm特有的问题，还是系统环境的问题。这有助于缩小问题范围。 总结一下，可能的解决步骤是：确认Node.js...
WebStorm+Node.js开发环境的配置.rar
09-16
在WebStorm的顶部菜单栏，选择“File” > “Settings”（对于macOS用户是“WebStorm” > “Preferences”），然后在左侧的设置面板中找到“Languages & Frameworks”下的“Node.js and NPM”。在这里，点击“+”按钮...
怎么使用webStorm
最新发布
09-01
- **文件与视图操作**：查看最近打开的文件按Ctrl + E，显示注释文档按Ctrl + Q，显示类结构图按Ctrl + H，查找代码所在位置按Alt + F1，快速打开或隐藏工程面板按Alt + 1，快速打开或隐藏Favorites面板按Alt + 2，...
关于webstorm的报错，警告等方式的提醒设置
热门推荐
程序媛的梦工厂
07-29 2万+
前俩天webstorm突然就对node,es6等语法提示，出现这样的情况 该代码是可以运行的，逼死强迫症，通过百度等各种方式，然后确定可以使用下列方法设置提示方式。 如过出现不能识别es6或是node语法，运行提示错误，则可以通过下面方式设置...
webstorm一键打包部署后出现module不存在的问题
weixin_69675092的博客
08-17 288
第一个地方，store/modules/permission.js。语法：return (resolve) => require([`@/views/${view}`], resolve)2，webpack的版本问题，版本为4的时候需要做以下处理。原因：1，最开始的webstorm是否安装webpack。第二个地方，router/index.js。
webstorm无法显示左下角的npm菜单
呼叫冰河谷博客
09-13 1008
鼠标右键点击package.json，然后在弹出的菜单中选择show npm scripts即可
webstorm终端显示无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
qq_49080239的博客
06-14 4002
我当前是在cmd中可以通过node -v获取node版本，但就是在webstorm的终端中不行，试过很多办法都没有效果，后来我尝试在webstorm中给node配置下环境变量就解决了。注意：要完成我的这些操作的前提是得在cmd中已经可以通过node -v获取到node的版本，如果不行的话就考虑node安装或是环境配置是否正确。3：然后给它配置环境变量，在这句话最后面填上node的目录如图所示，根据你的node所在地址进行配置。1：找到webstorm中的file中的setting点击进去。
webstorm 中不显示 npm 任务面板
许盛的博客
08-18 1万+
背景 在使用 webstorm 的过程中，使用自带的 npm 任务面板可以非常方便的执行 package.json 中定义的 scripts 命令，但是有时候发现任务面板并没有显示出来，在设置中也找不到任何相关的设置。 解决方法 如下图所示，只需要在 package.json 上点击右键，然后选择 show npm scripts 选项即可，会发现右下角侧边栏上出现了一个 npm 的按钮。 ...
webstorm中终端输入npm命令报错
qq_52216732的博客
08-08 2125
如果出现创建文件夹或者写入文件失败，使用管理员身份启动webstorm即可。
webstorm开发工具-如何设置vue的npm项目启动快捷方式
Estrellayun_的博客
11-12 1864
本文介绍使用webstorm开发工具没有npm项目启动快捷方式的解决方法。
【vue】webstorm显示npm面板
weixin_43444977的博客
02-15 1107
点击package.json 右击，点击 Show npm Scripts
webstorm 打开npm命令板
Aimee的博客
09-22 2063
1.在package.json上，鼠标右键，然后选择show npm scripts即可，如下图1所示 2.上一步操作完之后，就是出现下图2所示的命令板，双击或者右键就可以执行相关命令啦~
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值