ES6中的JavaScript开发与debugging
我一直在试图find一种方法来编写ES6 JavaScript代码，具有实时debuggingfunction。
问题是，ES6代码需要在浏览器解释之前进行编译（易于使用babel），因此很难使用debugging断点。
我发现这两篇文章很有帮助：
- 如何debugging的-ES6-的NodeJS与- vscode
- debuggingES6-码在节点-JS
我的问题：
这些天，熟练的JavaScript开发人员正在做什么呢？ 下面三个中的任何一个？
- 在ES6中编写，先用babel / webpack进行编译，然后尝试debugging新的和杂乱的ES5代码
- 以某种方式将ES6原始代码与转换后的ES5生成代码同步，使用源地图进行debugging工作
- 根本不写ES6代码
我自己花了几个小时在Visual Studio Code中面对同样的挑战。
我不会拿信用来解决这个问题，对达斯汀·卡拉维赞不绝口。 你可以在这里他的中等文章中find简单的一步一步的指示。
总结（在Visual Studio代码中debugging传输的代码）：
- Visual Studio代码（VSC）不运行任何代码。 节点运行代码，VSC在顶部添加debuggingfunction
- 启动debugging器时，VSC将扫描源文件的断点
- 然后使用源映射找出运行代码中断点所属的位置，从而找出Node应停止的位置
- Babel可以观察你的代码，并根据需要实时重新编译
Dustin的指令让你可以在Visual Studio Code中实时debuggingES6文件。
无论何时你准备好生产，只需重新编译并与Babel和Webpack捆绑。
我在过去几年中所做的大多数商业项目都已经build立，因此您可以编写ES6代码，使用Webpack，Babel / Babel-Loader，并启用源代码映射。
在Chrome开发工具中轻松debugging。
源地图似乎是debugging代码最简单的方法，对我来说至less。