vscode vue3自定义自动补全

敲代码多了,发现重发动作很多,于是还是定义自动补全代码吧------懒是第一生产力!

1,Ctrl + Shift + P打开快捷命令行:找到下面这个

2,然后找到ts:

里面给了demo照着写就行

javascript 复制代码
// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"ref": {
		"prefix": "cc",
		"body": [
			"const $1 = ref<$2>($3)"
		]
	},
	"func": {
		"prefix": "ff",
		"body": [
			"const $1 = ($2)=>{$3}"
		]
	}

然后重复上面的步骤 不选ts,选vue:

javascript 复制代码
"template":{
		"prefix": "tt",
		"body": [
			"<template>",
			"$1",
			"</template>",
			"<script lang=\"ts\" setup>",
			"",
			"</script>",
			"<style lang=\"scss\" scoped>",
			"</style>"	
		]
	}

,后续继续添加

相关推荐
涵信6 分钟前
第十一节:性能优化高频题-响应式数据深度监听问题
javascript·vue.js·性能优化
codingandsleeping31 分钟前
Express入门
javascript·后端·node.js
Vaclee34 分钟前
JavaScript-基础语法
开发语言·javascript·ecmascript
拉不动的猪1 小时前
前端常见数组分析
前端·javascript·面试
小吕学编程1 小时前
ES练习册
java·前端·elasticsearch
Asthenia04121 小时前
Netty编解码器详解与实战
前端
袁煦丞1 小时前
每天省2小时!这个网盘神器让我告别云存储混乱(附内网穿透神操作)
前端·程序员·远程工作
Mr.app2 小时前
vue mixin混入与hook
vue.js
一个专注写代码的程序媛2 小时前
vue组件间通信
前端·javascript·vue.js
一笑code3 小时前
美团社招一面
前端·javascript·vue.js