vscode中创建vue快捷键

最新推荐文章于 2025-05-07 17:25:52 发布

斯昂

最新推荐文章于 2025-05-07 17:25:52 发布

阅读量3k

点赞数 3

分类专栏： vue 工作文章标签： vue

本文链接：https://blog.youkuaiyun.com/Leon_940002463/article/details/110662545

版权

1.安装Vetur插件（扩展里面直接搜）

2.vscode 界面里面左上角选则文件=> 首选项=> 用户代码片段=>新建全局代码片段=>在输入框中新建名称为vue.json

3.删除里面的注释，当然你也可以留着，把下面的代码粘贴进去！

{
   
	// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
	// Placeholders with the same ids are connected.
	// Example:
	"Print to console": {
   
		"scope": "javascript,typescript",
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	},

	
	"creat vue": {
   
		"prefix": "vue",
		"body": [
		"<!-- $0 -->",
		"<template>",
		" <div></div>",
		"</template>",
		"",
		"<script>",
			"export default {",
			" components:{\n",
			" },",
			" data () {",
			"  return {\n",
			"  }",
			" },",
			" created(){\n",
			" },",
			" methods:{\n",
			" },",
			" beforeDestroy(){\n",
			" }",
			"}",
			"",
		"</script>",
		""</