vscode 代码片段

1. 内置代码片段
vscode内置了Emmet ( https://docs.emmet.io/ )，可以根据官网上的api快捷编辑代码

2. 用户片段
code => 首选项 => 代码片段 => 点击现有代码片段或新代码片段都可以

image

image

($1,$2 为占位符，指向初始光标，按tab键切换到下一个占位符，prefix的值是缩写关键词， 输入'cl'回车即可)

image

3. 安装插件，可以自定义代码
vscode => 扩展 => Vue 3 Snippets

image