时间:2021-07-01 10:21:17 帮助过:28人阅读
本文主要和大家介绍使用vscode+es6写nodejs服务端调试配置,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。
下面介绍一下在vscode中使用es6写nodejs的配置方法。
1.首先在根目录下建立.babelrc文件,写入babel配置,我的配置如下,记得npm安装babel及你需要的presets或者plugin。
2.其实此时已经可以通过babel-node来执行你的es6代码了。
babel-node src/index.js
然而这样的话,vscode里面是无法调试的。所以我们得换个思路,首先将源码使用babel转换,然后执行转换后的代码,附加一份sourcemap就好了。
3.package.json中增加build命令,使用babel转换es6代码。
4.创建一个npm task(vscode概念),用来执行npm run build
该文件在根目录.vscode目录下,名字是tasks.json,如果没有可以自己创建一个。
5.在vscode的调试配置文件中(.vscode -> launch.json),进行如下配置
主要干了这几件事:
开启source-map,以便追踪到es6源码
运行前先执行build,编译es6源码
执行和调试编译后的代码
相关推荐:
webpack+react+nodejs服务端渲染_html/css_WEB-ITnose
以上就是使用vscode和es6写nodejs服务端调试配置的详细内容,更多请关注Gxl网其它相关文章!