vscode 快速打出console.log()

作为一名前端开发,console.log是一个使用频率极高的调试功能,接下来让我们…

作为一名前端开发,console.log是一个使用频率极高的调试功能,接下来让我们看看如何快速的打出console.log()。


1.找到文件 > 首选项 > 用户片段;

打开Vscode,在上方目录找到文件(F),进而移入首选项上,找到用户片段并点击。


2.输入javascript.json,并点击提示;

先在弹出的输入框内填入javascript.json,选择提示进而跳转相应页面。


3.修改prefix为你喜欢的打出console.log()风格,我自己设置的是cls;

如果你的Print to console被注释了,直接解除注释,修改prefix中的值为你喜欢的console.log风格即可。(记得保存哟)


4.快速打出console.log();

这样你就能在代码中快速的输入console.log啦。


补充

  • body中$1代表什么意思?

输入 cls 后光标停留在$1的位置上;

  • 如何让输出的console.log后的括号中带引号?

把Print to console 的 body 中的 console.log($1) 改为 console.log('$1')即可;

  • Print to console 是什么意思?

Print to console 是代码片段名称;

  • Prefix 是什么意思?

Prefix 是插件前缀;

  • description 是什么意思?

description 是插件描述 Snippet 语法 制表位(Tabstops) 使用制表位(Tabstops)可是在代码片段中移动光标位置,使用2来指定光标的位置,数字代表光标的移动的顺序,值得注意的时$0代表光标的最后位置。如果有多个相同的制表位(Tabstops)会在编译器里同时出现多个光标(类似编译器的块编辑模式);


本期文章就到这里啦,学到的小伙伴记得点个关注咯,多多支持👍

本文来自网络,不代表软粉网立场,转载请注明出处:https://www.rfff.net/p/5147.html

作者: HUI

发表评论

您的电子邮箱地址不会被公开。

返回顶部