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

相关推荐
qq_418247881 小时前
恒源云/autodl与pycharm远程连接
ide·人工智能·python·神经网络·机器学习·pycharm·图论
爱装代码的小瓶子3 小时前
【c++进阶】在c++11之前的编译器的努力
开发语言·c++·vscode·visualstudio·编辑器·vim
chushiyunen3 小时前
javadoc规范、idea生成javadoc等
java·ide
JPX-NO3 小时前
windows下编程IDE使用docker搭建的rust开发环境(Linux)
ide·windows·docker·rust
Colinnian4 小时前
Android Studio创建新项目时需要更改哪些地方
android·ide·android studio
doupoa5 小时前
Vue3+Monaco Editor封装及SQL编辑器实现
数据库·sql·编辑器
十五年专注C++开发5 小时前
Typora:优雅的 Markdown 编辑器
编辑器·markdown
Moonbeam Community6 小时前
应用爆发,DeFi先行
javascript·ide·web3·区块链·polkadot
lanhuazui106 小时前
VScode左边和右边辅助边框的修改
vscode
杨景辉6 小时前
Vscode 使用
vscode