使用PhpStorm或WebStorm作为electron IDE

2023-05-18,,

最近在研究electron,考虑到以前一直用PhpStorm做开发,而且electron就是基于nodejs的,因此很自然的想到要继续用PhpStorm做IDE。

开发

打开Run/Debug Configurations窗口,添加一个Node.js配置:

然后配置Node Interpreter参数,对于windows系统,配置为项目目录下的node_modules.bin\electron.cmd。JavaScript file参数,配置为main.js:

调试

打开Run/Debug Configurations窗口,配置Application parameters参数:
--remote-debugging-port=9222

开启nodejs代码辅助

未开启nodejs代码辅助之前,IDE内会有提示:

开启方法:

《使用PhpStorm或WebStorm作为electron IDE.doc》

下载本文的Word格式文档,以方便收藏与打印。