vscode 如何配置快速生成 vue3 模板

(1)点击 vscode 左下角的齿轮设置按钮,点击用户代码片段
在这里插入图片描述
(2)输入 vue,选择 vue.json 文件

在这里插入图片描述
(3)在注释下添加如下代码即可

{
	"Print to console": {
		"prefix": "vue3",        //键入该值,按tab快捷产生
		"body": [
			"<template>",
			"",
			"</template>",
			"<script setup>",
			"",
			"</script>",
			"<style scoped lang='scss'>",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}
}

保存即可。
使用时输入 vue3 即可快速生成 vue3 模板。
在这里插入图片描述

相关推荐

  1. vscode配置vue + python

    2024-07-12 21:02:02       35 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-12 21:02:02       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-12 21:02:02       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-12 21:02:02       57 阅读
  4. Python语言-面向对象

    2024-07-12 21:02:02       68 阅读

热门阅读

  1. pip install selenium异常

    2024-07-12 21:02:02       19 阅读
  2. PostgreSQL 导入 .gz 备份文件

    2024-07-12 21:02:02       19 阅读
  3. 力扣 225题 用队列实现栈 记录

    2024-07-12 21:02:02       21 阅读
  4. python爬虫js逆向入门

    2024-07-12 21:02:02       26 阅读
  5. vue3+ts 引入 json-editor-vue3 报错

    2024-07-12 21:02:02       19 阅读
  6. jar服务注册为windows的服务

    2024-07-12 21:02:02       14 阅读
  7. C++:创建线程

    2024-07-12 21:02:02       26 阅读
  8. python 知识点累积

    2024-07-12 21:02:02       22 阅读
  9. C语言——循环结构:while、do...while、for

    2024-07-12 21:02:02       22 阅读
  10. 简单有效防止CDN被盗刷流量

    2024-07-12 21:02:02       17 阅读