如何调试ES6 ? (vscode/其它方式)
我的launch.json (用attach?还少什么?)/其它方式工具也行。
{
// Use IntelliSense to find out which attributes exist for node debugging
// Use hover for the description of the existing attributes
// For further information visit https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Launch Program",
"type": "node",
"request": "launch",
"program": "${workspaceRoot}/dist/index.js",
"cwd": "${workspaceRoot}",
"sourceMaps": true,
"args": [
"../../link.md",
"testest",
"jquery",
"javascript"
]
},
{
"name": "Attach",
"type": "node",
"request": "attach",
// TCP/IP address. Default is "localhost".
"address": "localhost",
// Port to attach to.
"port": 5858,
"sourceMaps": true
}
]
}
index.js文件一部分:
import fs from 'fs'
import post from './post'
import path from 'path'
let [interpreter, entry, aticlePath, title, ...tags] = process.argv
aticlePath = path.resolve(__dirname, aticlePath)
let article = fs.readFileSync(aticlePath, 'utf-8')
post(article, tags, title)
这是目录图片,dist 是已经转换好了的ES5文件
gulpfile.babel.js文件内容 (应该没啥问题)
import gulp from 'gulp';
import babel from 'gulp-babel';
import watch from 'gulp-watch';
import sourcemaps from 'gulp-sourcemaps';
gulp.task('babel',() => {
gulp.src('src/**/*.js')
//.pipe(changed('dist'))
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(babel())
.pipe(sourcemaps.write('../map'))
.pipe(gulp.dest('dist'));
});
gulp.task('watch', () => {
gulp.watch('src/**/*.js', ['babel']);
})
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
vscode里用es6遇到一堆问题,总是要查资料。于是果断放弃,转投atom。
vscode和atom基本上就是一个东西。只不过vscode的定制更深一些,对git的支持更好一些。atom应该也有相应的插件,没怎么查,找到的gitplus真心是不好用。
但是atom对于es6,7的支持就好很多了。
https://medium.com/@katopz/ho...