c 博客网站开发教程企业seo服务
vscode设置log快捷显示:
-
一、打开 VS Code,并进入菜单栏选择 “文件”(File)-> “首选项”(Preferences)-> “用户代码片段”(User Snippets)。
-
二、在弹出的下拉菜单中选择 “JavaScript”,这将为 JavaScript 文件配置代码片段。
-
三、如果你已经有一个名为
javascript.json
的文件,可以直接打开它。否则,选择 “新建全局代码片段文件”(New Global Snippets File)并命名为 “javascript.json”。直接打开的话,是log+回车显示console.log()。
四、要设置为console.log(‘n>>>’,n),则修改为以下代码:
{"Print console.log": {"prefix": "log","body": ["console.log(\"$1>>>\", $1)"],"description": "Generate console.log statement"}
}
操作方法:输入log+回车即可
如果需要配置快捷键:
-
一、打开 VS Code,并进入菜单栏选择 “文件”(File)-> “首选项”(Preferences)-> “键盘快捷方式”(Keyboard Shortcuts)。
-
二、在打开的键盘快捷方式面板中,点击右上角的 打开文件 图标,这将打开
keybindings.json
文件。 -
三、在 keybindings.json 文件中,输入以下配置:
[{"key": "ctrl+l","command": "editor.action.insertSnippet","args": {"snippet": "console.log(\"$1>>>\", $1)"},"when": "editorTextFocus && (editorLangId == javascript || editorLangId == vue)"}
]
操作方法:选中文本,点击快捷键ctrl+l,即可。
我这里有几个冲突的键,对我来说那几个ctrl+l没用,我这里都屏蔽了