VSCode添加自定义代码片段


  1. vscode顶部菜单-查看-命令面板 (快捷键:shift + command + p)

  2. 搜索关键字:snippets,找到“Preferenece:Configure User Snippets”

  3. 这里创建的是vue的代码片段,选 Vue

  4. 会打开vue.json,输入下面内容后,保存

    {
    	"laobai_vue": {	 // 模版的名字
    		"prefix": "plvue",	// 代表模版的快捷关键字
    		"body": [		// 模版的主体内容,每一行都要用双引号并以逗号结尾
    			"<script lang='ts' setup>",
    			"",
    			"</script>",
    			"",
    			"<template>",
    			"",
    			"</template>",
    			"",
    			"<style scoped>",
    			"",
    			"</style>",
    		],
    		"description": "laobai_vue_code"
    	}
    }
  5. 在vue文件中,输入plvue回车即可。


文章作者: 老百
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 老百 !