代码之家  ›  专栏  ›  技术社区  ›  madprops

通过vscode中的多行插入递增的console.log计数器

  •  0
  • madprops  · 技术社区  · 2 年前

    在vscode中,我经常在函数的不同部分添加多个console.log(n),用于调试。

    有办法做到这一点吗?:

    1. 按住Ctrl键并单击以创建多个光标
    2. 运行命令添加console.log,数字从1开始递增。

    例如:

    console.log(1)

    console.log(2)

    放置在光标所在的位置?

    或者有其他方法可以解决这个问题吗?

    1 回复  |  直到 2 年前
        1
  •  0
  •   starball Martin Jorgensen    2 年前

    首先,请注意,如果您使用的是VSCode的内置调试器,我确信调试控制台会向您显示console.log源自哪个文件和行,所以我看不出在这种情况下这会带来什么好处。还要注意 log points 是一件事。对于在集成终端中运行,或者在VS Code之外运行,当然,这可能很有用。

    你可以使用 snippets .秘密成分是 snippet variables 。根据您的需求,您有很多选择: TM_LINE_INDEX , TM_LINE_NUMBER , CURSOR_INDEX , CURSOR_NUMBER 。你甚至可以使用 TM_CURRENT_LINE (行的内容。您可以将光标放在要放置“日志点”的行的末尾或开头,然后在代码段正文中使用换行符,尽管您需要手动转义一些引号字符)。

    例如,在一个snippet文件中,定义这样一个:

    "numbered console.log": {
        "scope": "javascript,typescript",
        "prefix": "log",
        "body": ["console.log(\"$CURSOR_INDEX\")"]
    },