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

,后续继续添加

相关推荐
enoughisenough几秒前
WEB网络通信
前端
We་ct20 分钟前
LeetCode 300. 最长递增子序列:两种解法从入门到优化
开发语言·前端·javascript·算法·leetcode·typescript
深海鱼在掘金20 分钟前
Next.js从入门到实战保姆级教程(第一章):导读——建立 Next.js 的认知框架
前端·typescript·next.js
渔舟小调22 分钟前
P17 | 管理台动态路由:后端返回菜单树,前端运行时注入
前端
小徐_233336 分钟前
uni-app 组件库 Wot UI 2.0 发布了,我们带来了这些改变!
前端·微信小程序·uni-app
❀͜͡傀儡师41 分钟前
Claude Code 官方弃用 npm 安装方式:原因分析与完整迁移指南
前端·npm·node.js·claude code
知识分享小能手1 小时前
ECharts入门学习教程,从入门到精通,ECharts高级功能(6)
前端·学习·echarts
阿祖zu1 小时前
OpenClaw 入门到放弃:私人 AI 的初代原型机
前端·后端·aigc
ZC跨境爬虫1 小时前
3D地球卫星轨道可视化平台开发 Day15(添加卫星系列模糊搜索功能)
前端·数据库·3d·交互·数据可视化
m0_738120721 小时前
渗透基础知识ctfshow——Web应用安全与防护(第六 七章)
服务器·前端·安全