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

,后续继续添加

相关推荐
大猫会长5 分钟前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_6 分钟前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js
snakeshe10107 分钟前
深入理解useState:批量更新与非函数参数支持
前端
windliang8 分钟前
Cursor 排查 eslint 问题全过程记录
前端·cursor
boleixiongdi9 分钟前
# Bsin-App Uni:面向未来的跨端开发框架深度解析
前端
G等你下课12 分钟前
AJAX请求跨域问题
前端·javascript·http
前端西瓜哥12 分钟前
pixijs 的填充渲染错误,如何处理?
前端
阑梦清川13 分钟前
Java后端项目前端基础Vue(二)
vue.js
snakeshe101013 分钟前
6-1. 实现 useState
前端
呆呆没有脑袋15 分钟前
深入浅出 JavaScript 闭包:从核心概念到框架实践
前端