webstorm中使用nodemon

最新推荐文章于 2023-04-21 15:57:17 发布
最新推荐文章于 2023-04-21 15:57:17 发布
阅读量1.2k 收藏
点赞数 3
分类专栏： 前端学习总结 文章标签： webstorm ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45822938/article/details/127693982
版权

安装nodemon

npm install nodemon -g

之前我看过很多都是修改 Configurations,我感觉并不方便，这里我用了另外的方法

我们在使用node创建项目的时候都会生成package.json文件，但是调试这里会默认为空
在这里插入图片描述
我们只需要在这里填写上调试命令就行了
在这里插入图片描述
我们在webstorm中找到npm的快捷方式
在这里插入图片描述
点击test
在这里插入图片描述
运行成功。
使用这种方法，无论是在webstorm中还是在vscode 都能识别到，一键执行即可

zhenwei zhao
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
nodemon webstorm 配置应用
super_wangl的专栏
10-15 2228
一、nodemon：用于代码发生变化时可以自动重启服务，可以通过-w参数指定监控目录以及文件。 二、nodemon 全局安装 npm install -g nodemon 三、webstorm 配置 四、启动服务，然后修改监听demo下的后台文件，控制台log会显示 好处： 1、这样就省去了，调试的时候，修改后台代码之后每次都需要主动重启了 2、
WebStorm配置nodemon
ｎｅｗｘｃ
02-10 417
首先要确保自己电脑上已经全局安装了nodemon，然后打开webstorm找到右上角截图位置，把nodemon位置复制过去，点击应用就可以了
前端神器 webstorm 使用技巧
01-08
webstorm 本人几乎从开始做前端到现在，几乎是天天用ws，用了大约5年多了，ws真不亏是前端神器，真心强大的不行，下面share一下个人的一些Tips，希望对别人有所帮助。 1. 修改 编辑器字体 File-> Settings -> Editor -> Color Scheme -> Color Scheme Font 通过以上path来修改字体，本人一直使用 Consolas字体 2. 修改console 字体 File-> Settings -> Editor -> Color Scheme -> Console Font 3. 修改快捷键 File-> Settings ->
webstorm 使用技巧
12-23
2019年12月16日更新 使用姿势： 1、在 hosts 文件中添加下面这行 0.0.0.0 account.jetbrains.com 2、粘贴下面文字  K6IXATEF43-eyJsaWNlbnNlSWQiOiJLNklYQVRFRjQzIiwibGljZW5zZWVOYW1lIjoi5o6I5p2D5Luj55CG5ZWGOiBodHRwOi8vaWRlYS5oay5jbiIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJjaGVja0NvbmN1cnJlbnRVc
使用webstorm开发nodejs中文WORD版
07-22
资源名称：使用webstorm开发nodejs 中文WORD版内容简介：本文档主要讲述的是使用webstorm开发nodejs；希望对大家会有帮助；感兴趣的朋友可以过来看看资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
webstorm中px转rem插件
09-28
webstorm中px转rem插件 使用说明： 1.file-settings-plugins-install plugin from disk-选择生成的jar文件-restart webstorm 2.tools-SetPX2REM设置计算的比值-选中代码段，如'100px'-后，点击shift+f 3.设置界面和快捷键设置可以在插件中自定义 本项目的github地址：https://github.com/sunqian1991/WebStorm-PX2REM
webstorm+node之debug
乾复道
03-31 3363
如今，使用webstorm的同学越来越多，但是一些同学不知道如何使用webstorm配合node使用debug，下面将介绍两种开启debug的方法 1.启动静态资源 "scripts": { "start": "nodemon ./bin/www" } 步骤如下： 1.1 打开Edit Configurations 1.2 新增一个node Debug 1.3 配置启动名称和启动文件 1.4 配置完成，准备开始debug吧！！！ 2.启动npm run.
webstorm重启npm 快捷键
滕青山博客
12-08 1318
webstorm重启npm 快捷键 ctrl+s
webstorm左下角没有vue的npm项目启动快捷方式的解决办法
04-21 1188
之前一直使用的vscode，现在突然切换回webstorm还是有点不习惯呢，找不到npm的快捷执行按钮了，这该怎么办？其实很简单，选中package.json，然后右键，点击Show npm Scrpits。
Webstorm配置nodemon启动
湖人名宿Onebear的博客
04-13 531
Node parameters换成nodemon的安装路径，一般nodemon都是会选择全局。运行程序 shift+F10 或者鼠标点击，此时就能显示是nodemon启动的了。安装，因此在全局的node包目录下。编辑配置信息，主要是添加。右上角，程序运行配置。
微信小程序中用WebStorm使用LESS
08-31
主要介绍了微信小程序中用WebStorm使用LESS的相关资料,需要的朋友可以参考下
WebStorm中怎么配置supervisor来发布Node服务
yidragon88xx的专栏
05-21 2908
在使用WebStorm时，重新修改了源代码后需要重新qi
WebStrom
qq_60837087的博客
11-28 342
WebStrom
Express项目
m0_74331185的博客
11-23 523
Express项目
nodejs：webstrom调试及使用nodemon
Cloud Flower的博客-专注unity
02-02 826
参考： webstrom调试及使用nodemon 提示： 如果项目有nodemon.json，参数类似上图，运行时可能会提示“ts-node不是内部或外部命令，也不是可运行的程序”，这时候需要 npm i -g ts-node ...
webstorm设置nodemon启动
qq_32690785的博客
02-28 583
1.nodemon全局安装 npm install -g nodemon 2.webstorm添加配置 3.启动服务，控制台log会显示 之后修改运行文件后保存文件，控制台自动更新运行结果
webstorm8配置nodemon
smiky的专栏
05-12 323
Run-->Edit Configureations 将javascript file改成C:\Users\smiky\AppData\Roaming\npm\node_modules\nodemon\bin\nodemon.js, 将Application parameters设成启动的js 文件，就是在默认的javascript file，这样debug启动时会自动监测文件变化，...
关于用webstrom 运行调试nodemon ，却不进断点的情况……
weixin_34161083的博客
05-20 942
2019独角兽企业重金招聘Python工程师标准>>> ...
使用nodemon让node自动重启
u012028371的博客
01-18 4760
今天搞好了node下 更改了文件不用重启服务，只要刷新浏览器就可以看到更新的东西了, 下面是正文（参考的别人的文献） ----------------------------------------- 在我们开发php，java等web项目的时候，修改了项目代码，服务器都会自动重启，让我们的改动生效，但是node并不会这样，必须手动去重启一下，这样很烦人的啊，很浪费时间，于是就有大神开发了自
如何在WebStorm中使用Copilot
最新发布
07-08
很抱歉，但是目前还没有官方的Copilot插件或集成来直接在WebStorm中使用Copilot。Copilot是一个由GitHub和OpenAI开发的独立工具，目前主要与Visual Studio Code（VS Code）集成。它提供了代码自动补全和建议功能。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值