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模板。

相关推荐
秋雨雁南飞3 小时前
Visual Studio 常用扩展
ide·visual studio
X1A0RAN7 小时前
解决Pycharm中部分文件或文件夹被隐藏不展示问题
ide·python·pycharm
小e说说10 小时前
主流活动策划工具特点比较
编辑器
winlife_11 小时前
把 Godot 编辑器接入 AI:Funplay MCP for Godot 介绍
人工智能·编辑器·godot·ai编程·游戏开发·mcp
wh_xia_jun12 小时前
用pom 的test 配置 与 jacoco
java·ide·intellij-idea
zhaqonianzhu14 小时前
Qoder CN 插件停更与迁移指南:从 VS Code 到通义灵码 IDE
ide·vscode
数智工坊14 小时前
PyCharm 运行 Python 脚本总自动进 Test 模式?附 RT-DETRv2 依赖缺失终极排坑
开发语言·ide·人工智能·python·pycharm
00后程序员张15 小时前
Windows 下怎么生成 AppStoreInfo.plist?不依赖 Xcode 的方法
ide·macos·ios·小程序·uni-app·iphone·xcode
BU摆烂会噶15 小时前
【LangGraph】House_Agent 实战(一):架构与环境配置
人工智能·vscode·python·架构·langchain·人机交互
IceSugarJJ16 小时前
Windows下VSCode+ WSL项目启动流程
linux·windows·vscode·ubuntu·wsl