在项目根目录下添加docker-compose.yml
在项目根目录下添加nodemon-docker-debug.json
在package.json中加入docker运行命定及nodejs debug命定
1.首先运行yarn docker(npm run docker)来构建及运行docker 容器
1.项目根目录下新建.vscode文件夹,在.vscode文件夹下添加launch.json
*注意这里的port一定要与你docker-compose.yml设置的debug port保持一致
运行vscode调试工具,如果能够成功连接到docker中的程序,可以在container logs 中看到连接成功的log
接下来尝试断点调试
原文链接 http://watsonzuo.com/2019/05/22/docker-nodejs-debug/
三.用webstorm修改代码,调试先在nodejs官网安装一下node 14版本, 一开始我安装的16版本,发现npm run dev会报错,后来换成14就好了
一路 next 默认安装node
用powershell看看装成功没
设置国内仓库地址: npm config set registry https://registry.npm.taobao.org
安装node
用 webstorm 打开项目文件夹
这东西还真只能嗷, 我打开后右下角就弹窗让我 npm install ,然后直接就install 成功了,依赖都下载下来了..
搜索下怎么调试前端项目
一开始看到Debug config 里有nodejs 和npm 两个调试选项,不知道应该用哪个,就尝试了一番,发现用npm debug config 就可以运行项目.
右上角debug configurations里添加一个配置:
debug配置
然后安装下谷歌浏览器的 Jetbrains IDE Support 插件