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

相关推荐
CyL_Cly16 小时前
解决官网下载慢!Android Studio 最新版网盘下载
android·ide·android studio
诚信定制83916 小时前
使用 CLion 内置性能分析工具观察新特性开销
编辑器
唠叨的蜜粉17 小时前
无需离开 Visual Studio 即可审阅拉取请求
ide·visual studio
松树戈21 小时前
【Godot4精进之路】03~Godot编辑器常用界面介绍
编辑器·游戏引擎·godot
HAPPY酷1 天前
【ROS2】PyCharm 启动 Gazebo 仿真报错?从配置 Shell 到修复路径的全流程复盘
ide·chrome·pycharm
zzzll11111 天前
Typora插件开发指南:打造专属IDE式写作环境
ide·学习·计算机·大模型·llm·知识
snow@li1 天前
VSCode:学习手册 / 全景梳理与深度分析
ide·vscode
真的想不出名儿1 天前
Md编辑器整合-react
前端·react.js·编辑器
2601_961593422 天前
Mac 上搭建Linux环境吗?VMware + CentOS Stream 9 镜像快速部署
linux·运维·ide·macos·centos
郭老二2 天前
【ROS2】vscode配置头文件路径等
vscode