WebStorm 调试 npm scripts (npm run)

最新推荐文章于 2024-06-20 00:20:46 发布
最新推荐文章于 2024-06-20 00:20:46 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： WebStorm nodejs 文章标签： npm webstorm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maimiho/article/details/126688507
版权

找到这个命令对应的文件

例如: json-server 对应的文件 node_modules\json-server\lib\cli\bin.js

新建 运行/调试配置 -> Node.js -> JavaScript文件 填入文件路径

引用程序形参写命令的参数
例如: json-server ./mock/index.js --config ./mock/json-server.json 参数就是 json-server 后面的一部分

点 debug 运行

其他就和正常调试 js 没什么区别了.
在这里插入图片描述

MAIMIHO
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
npm webstorm配置_怎样使用webstorm中配置nodejs环境及npm - WebStorm
weixin_36427631的博客
01-14 706
...tml>我是一名前端开发工程师。大概1年前开始使用webstorm这个编辑器。可是在最近工作需要 。 有一些php 的文件需要更改。结果显示这个提示。。。。我想问的是如何让webstorm给php的文件 加上...这次给大家带来怎样使用webstorm中配置nodejs环境及npm，使用webstorm中配置nodejs环境及npm的注意事项有哪些，下面就是实战案例，一起来看一下...
WebStorm配置npm运行vue项目
ancartoon的博客
04-21 6110
1.点击下图中右上角的红框。 2.在出现的弹框中选中左上角“+”下的“npm”，如下图所示。 3.选中第二步的“npm”之后，会出现下图。 4.这里有3个地方需要更改，如下图所示。更改完成之后，依次点击右下角的“Apply”和“OK”。 其中，Name——自己随意取； package.json——点击右边的下拉箭头，选中那唯一的选项即可； Scripts——点击右边的下拉箭头，选中"dev"。 5.点击下图中右上角的红框运行。 ...
解决WebStorm中不显示npm任务面板
最新发布
白豆五的博客
06-20 463
【代码】解决WebStorm中不显示npm任务面板。
【vue】webstorm显示npm面板
weixin_43444977的博客
02-15 1019
点击package.json 右击，点击 Show npm Scripts
webstorm使用npm 指令报错解决方案
like21a的博客
04-25 3363
1.操作环境 win10 webstorm2020.1 引入vue前端项目 2.安装node.js python-2.7安装下载 注：node.js需要先安装Python，必须是python-2.7，python3不行 node-v8.17.0安装下载 注:我开始安装最新版的，遇到各种不兼容问题,后来重新选择 node-v8.17.0终于搭建好了，其它版本也可以试试. 以管理员的方式进入cmd查看...
idea/webstorm配置vue项目启动报Please specify npm scripts to run错误
m0_37468841的博客
01-08 2082
配置vue项目不识别scripts，原因没识别到项目中的package.json文件内容。目录下翻找到JSON，在File name patterns中添加*.json。配置完回来看scripts已经出现可选项。
webstorm 打开npm命令板
Aimee的博客
09-22 1764
1.在package.json上，鼠标右键，然后选择show npm scripts即可，如下图1所示 2.上一步操作完之后，就是出现下图2所示的命令板，双击或者右键就可以执行相关命令啦~
webstorm中用npm运行任务（显示npm面板）
卜卦的博客
03-14 3283
1、右击package.json文件，点击Show npm Scripts. 2 显示npm运行面板。自定义的运行环境 3 点击运行
Webstorm中用npm运行Vue项目
zmhappy的博客
11-30 799
第一步 右击package.json文件，点击show npm Scripts 第二步：出现npm面板，选择dev运行项目 第三步，点击dev即可运行项目
webstorm debug 出错
01-07
D:\node\node.exe D:\node\node_modules\npm\bin\npm-cli.js run dev –scripts-prepend-node-path=auto internal/modules/cjs/loader.js:797  throw err;  ^ Error: Cannot find module ‘C:\Users\��С��\...
WebStorm ES6 语法支持设置&babel使用及自动编译(详解)
12-11
2. 运行`npm run build`命令，这将把`src`目录下的ES6代码转换到`lib`目录下的ES5代码。 通过以上步骤，开发者可以充分利用WebStorm的ES6语法高亮和智能提示，并借助Babel确保代码在各种环境下正常运行。这种工作...
PandaJS 使用说明 (1.1)：运行、调试、测试、部署
03-26
PandaJS可能支持诸如VS Code、WebStorm等IDE的内置调试工具，你可以设置断点、单步执行、查看变量值等。此外，利用`debugger`关键字在代码中插入断点也是一种常见的方法。当运行环境检测到`debugger`时，它会暂停...
webpack+vue+express(hot)热启动调试简单配置方法
10-18
现在，你可以通过 `npm run dev` 启动开发环境，`npm start` 运行 Express 服务器。在修改代码后，无需手动刷新浏览器，webpack 将自动编译并应用更改，Express 服务器会显示更新后的页面。 总结来说，结合 webpack...
vuereact自动化创建单页面多页面应用项目调试项目打包的一体化cli工具
08-10
它可能也支持集成开发环境（IDE）的调试插件，如VS Code或WebStorm。 5. **项目打包**：在项目完成并准备上线时，打包过程至关重要。这包括静态资源优化、代码分割、树摇（Tree Shaking）以减少包大小，以及生成...
vmtemplateserver:一个使用 Eggjs 开发的服务器模板项目，包含了比较完整的用户信息处理、角色管理、分类、职业、发帖、匹配、评论、关注、喜欢 等功能
07-23
vmtemplateserver 一个使用Eggjs开发的服务器模板项目，...# 也可以导入`WebStorm`进行编译运行，工具栏选择 `Run->Edit Configurations` 添加 `npm` 运行，其中 `Scripts` 填 `debug`or`dev` 构建部署 # 创建发布运行
rocket-price-kind
03-20
如果项目使用了特殊的脚本，例如定义在 `package.json` 的 "scripts" 部分，你可以通过 `npm run` 命令执行： ```bash npm run start ``` 这里的 "start" 是一个示例，实际命令应替换为项目中指定的脚本。 ### ...
vue+node+webpack环境搭建教程
11-27
WebStorm提供了一个方便的npm菜单，通过右键点击`package.json`文件，选择“Show npm scripts”，可以直接运行`dev`命令。注意，命令行和WebStorm的开发服务器不能同时运行，因为它们都使用同一个端口，如默认的8080...
webstorm配置npm
08-19
- 在 WebStorm 的项目视图中，右键单击 package.json 文件，然后选择 "Show npm Scripts"（显示 npm 脚本）选项。这将显示 package.json 文件中定义的 npm 脚本，并允许您单击运行它们。 - 在 WebStorm 的顶部菜单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值