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


智能提示


效果
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。