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>"	
		]
	}

,后续继续添加

相关推荐
pe7er8 分钟前
Tauri 应用打包与签名简易指南
前端
前端搬砖仔噜啦噜啦嘞10 分钟前
Cursor AI 编辑器入门教程和实战
前端·架构
Jimmy24 分钟前
TypeScript 泛型:2025 年终极指南
前端·javascript·typescript
来来走走29 分钟前
Flutter dart运算符
android·前端·flutter
Spider_Man33 分钟前
栈中藏玄机:从温度到雨水,单调栈的逆袭之路
javascript·算法·leetcode
moddy34 分钟前
新人怎么去做低代码,并且去使用?
前端
风清云淡_A35 分钟前
【Flutter3.8x】flutter从入门到实战基础教程(五):Material Icons图标的使用
前端·flutter
安心不心安40 分钟前
React ahooks——副作用类hooks之useThrottleEffect
前端·react.js·前端框架
jstart千语41 分钟前
【vue】创建响应式数据ref和reactive的区别
前端·javascript·vue.js
肖师叔爱抽风1 小时前
使用nvm use切换版本时出现虚假成功信息,使用nvm ls,实际显示没有切换成功,解决方法
前端