如何调试ES6 ? (vscode/其它方式)

发布于 2022-09-04 05:01:41 字数 2137 浏览 14 评论 0

我的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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

櫻之舞 2022-09-11 05:01:41

vscode里用es6遇到一堆问题,总是要查资料。于是果断放弃,转投atom。

vscode和atom基本上就是一个东西。只不过vscode的定制更深一些,对git的支持更好一些。atom应该也有相应的插件,没怎么查,找到的gitplus真心是不好用。

但是atom对于es6,7的支持就好很多了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文