VSCode snippets 进阶用法

解决什么问题

1. 快捷输入代码
2. 定位光标（鼠标在的位置）
3. 固定变量（比如当前时间，剪切板的内容）

在哪里设置 snippet

文件-》首选项-》user snippets

选择对应语言的代码设置文件

如何控制光标位置（占位符）

只要掌握以下语句即可

$1 $2 //光标会定位到1，按Tab会到下一个
$0 //终止光标跳转的位置
${1|Boolean, Number, String|} //跳转到光标1位置时，可选{Boolean, Number, String}中的值

实战

1. 从剪切板中读取链接，自动填充 markdown 文件的[](剪切板内容)

"link": {
		"prefix": "link",
		"body": [
			"[link$1]($CLIPBOARD)",
		],
		"description": "auto feed link"
	}

常用的变量

变量	含义
$CURRENT_YEAR	年
$CURRENT_MONTH	月
$CURRENT_DATE	日期
$TM_FILENAME	当前文件名
$TM_SELECTED_TEXT	当前选中的内容
$CLIPBOARD	剪切板内容

设置 markdown 的snippet 注意事项

设置 markdown 类型的时候需要在用户设置文件中键入以下代码

"[markdown]": {
        "editor.formatOnSave": true,
        "editor.renderWhitespace": "all",
        "editor.quickSuggestions": {
            "other": true,
            "comments": true,
            "strings": true
        },
        "editor.acceptSuggestionOnEnter": "on"
    },

参考

1. snippet 设置