vscode运行不出来,vscode运行不出来

本文目录一览：

首先，在需要调试的地方打好断点

如上图，点击左侧的行数，158行就可以打上断点了

点击 vscode 左侧的debug窗口，如果你之前没有配置过 launch.json 文件，那么现实效果就会如下图一样。

点击左上方，【没有配置】，添加配置

VSCode本身就内置了Node.js的调试工具，如果将来你需要调试别的东西，可以在这里选择添加对应的调试插件工具。

这里我们调试的是Node.js，就选择Node.js，然后VSCode会在 /.vscode 目录中新建一个 launch.json 文件

launch.json 文件新建好后，我们需要进行一些配置操作，这里我们选择的是，附加到进程。

后面我们是先启动egg的调试进程，然后再将vscode附加到进程中的。

这里有一个很关键的节点， program 这个属性写的就是你需要调试的js文件，我这边调试的是刚才打上断点的文件 pledges.js

使用 iterm 进入到工程目录，开启调试模式

在VSCode中选择 Attach to Process ，并且选择egg-cluster这个进程。

等请求进入到刚才打断点的地方，VSCode就会自己跳转到调试点啦，然后就可以尽情调试啦~

BTW，如果你有更好，更简单的调试方式请告诉我...

参考其他的博客使用如下命令，但是不起作用。

使用npm 其他命令则可以成功运行，命令如下

运行成功之后显示如下，之后就可以正常在chrome中调试。

我用新建项目测试时，npm run serve 之后也会提示crbug/1173575, non-JS module files 。这个暂时不清楚是什么原因。但是过了一会之后，关闭终端，之后打开重新执行该命令却又好了。这个有时间才查具体原因吧。。。留个问题。

一、npm run 背后的操作

npm run serve，执行该命令实际是执行package.json 的script中key为serve后面的值。所以执行哪个命令，是由package.json中的key 决定的。

1.首先你已经有一个.js 文件了，例如我的demo12.js

2.在工作区内打一些断点，如无异常的话应该是实心红点

3.点击运行和调试按钮

4.点击小齿轮按钮，修改配置文件

5.右键刚才那个js文件，复制出其相对路径，放在配置文件${workplaceFolder} 的后面

6.点击开始按钮，进行调试

运行成功后，程序会定位到打断点的地方，并且，调试控制台可以看到输入结果，上面的一排按钮与其他调试工具类似，不赘述了

在实际开发当中，可以配置多分launch.json文件，以应对不同项目的调试

修改name值用于区分，并且，要修改program ，将对应项目的入口文件配置在这里即可