Visual Studio Code(VScode)设置用户代码段(snippet)

一、打开vs code按快捷键Ctrl+Shift+P打开命令输入 snippet : (或点击文件=>首选项=>用户代码片段)


选择语言片段

二、这里选择一个添加一个html代码段

选择之后会自动打开一个JSON格式的配置文件.,里面还有代码示例


示例

prefix  :这个参数是使用代码段的快捷方式入口,比如这里的log在使用时输入log会有智能感知.

body  :这个是代码段的主体.需要设置的代码放在这里

$1 :这个为光标的所在位置.

$2 :使用这个参数后会光标的下一位置将会另起一行,按tab键可进行快速切换,还可以有$3,$4,$5.....

description :代码段描述,在使用智能感知时的描述

官方描述:https://code.visualstudio.com/docs/editor/userdefinedsnippets

三、写一片段保存


编写片段

四、测试

新建一个空白的html文件输入快捷字符  效果OK


智能提示


效果

你可能感兴趣的:(Visual Studio Code(VScode)设置用户代码段(snippet))