欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 焦点 > webstorm调试vite工程(后端开发人员版)

webstorm调试vite工程(后端开发人员版)

2025/5/30 11:34:40 来源:https://blog.csdn.net/fxtxz2/article/details/148257410  浏览:    关键词:webstorm调试vite工程(后端开发人员版)

问题

作为一个后端开发人员,想要简单调试前端vite工程定位问题,在哪里?应该怎么处理?

步骤

这里使用的WebStorm版本为2025.1.1,老工程使用的是pnpm安装的依赖库。

ws设置pnpm

在ws设置界面设置如下图:
ws设置pnpm

设置ws工程启动项目

找到源代码中的package.json文件,找到启动命令,先使用ws尝试启动项目(前提是pnpm i已经安全好了工程依赖,这是前端依赖知识,不是这里的重点了)。具体如下图:
开始创建项目启动配置
点击"Run ‘dev’",尝试运行,如下图:
运行即可
点击运行后,ws会在右上角生成一个运行项目快捷配置。如下图:
ws运行项目配置

能成功运行后,退出这个运行。然后,修改这个运行配置,如下图:
开始修改配置

设置debug配置

设置debug配置

debug使用

在源代码里面打好断点,然后,点击运行即可。ws会自动运行两个进程,一个nodejs提供服务,一个进行进行浏览器的js调试使用。运行debug

总结

ws比前几年又简化了一下debug调试配置。这也不怪jetbrains,只能说前端发展太飞速了。

参考

  • Vite

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词