vscode中快速生成vue3+ts+setup模板

文章目录


设置 -> user snippets(用户代码片段) -> vue.json

找到vue.json文件

输入代码段 如下,

javascript 复制代码
{
	"Print to console": {
		"prefix": "v3",  //键入该值,按tab快捷产生
		"body": [
			"<template>",
			"  <view>",
			"",
			"  </view>",
			"</template>",
			"",
			"<script setup lang='ts'>",
			"",
			"</script>",
			"",
			"<style scoped lang='scss'>",
			"",
			"</style>",
		],
		"description": "vue3的ts模板"
	}
}

在vue文件中,键入 v3,按 回车或者tab键,即可快捷产生vue3模板。

相关推荐
蚂蚁不吃土&1 小时前
vscode + chinese(simplified)
ide·vscode·编辑器
摇滚侠6 小时前
IDEA 生成 try catch 快捷键
java·ide·intellij-idea
Tiger Z6 小时前
Positron 教程1 --- 用户界面
ide·编程·positron
Cloud_Shy6187 小时前
Python 数据分析基础入门:《Excel Python:飞速搞定数据分析与处理》学习笔记系列(附录 B 高级 VS Code 功能)
vscode·python·jupyter·数据分析·excel
SWAGGY..10 小时前
Linux系统编程:(五)基础开发工具:vim编辑器的使用及其配置操作
linux·编辑器·vim
唐璜Taro12 小时前
VSCode接入小米mimo大模型
ide·vscode·编辑器
古怪今人13 小时前
Android Studio的安装及配置 创建项目编译、运行、调试、打包安装包
android·ide·android studio
modelmd13 小时前
vim入门使用手册
编辑器·vim
2501_9160088914 小时前
ChatGPT前端开发学习指南:Visual Studio Code与谷歌浏览器安装配置详解
ide·vscode·ios·小程序·uni-app·编辑器·iphone
TE-茶叶蛋14 小时前
JetBrains IDE(如 IntelliJ IDEA)的 Git 面板
ide·git·intellij-idea