实现在visual studio里面输入关键字自动生成vue模板

qq_43469899

于 2019-11-11 22:34:22 发布

阅读量358

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue生成格式

本文链接：https://blog.csdn.net/qq_43469899/article/details/103019689

本文介绍如何在Visual Studio中设置自动生成Vue组件模板，通过简单步骤配置用户代码块，复制并粘贴示例代码到vue.json文件，之后在新建Vue文件时，输入vue并回车即可快捷生成模板。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相信很多同行们都有这样的苦恼,不管是作为前端开发工程师还是后端开发工程师,随着现在vue的深入,导致大家都会多多少少接触到vue,我相信大家都有这样的苦恼,自己写一个vue文件是真的麻烦,又是template,又是script又是component,又是data的烦死人,博主也是被这个苦恼了很久,今天痛下决心来解决这个问题,现将方法也分享给各位同行们:
1.首先打开自己的visual studio编译器
2.找到自己的左下角的设置,点开用户代码块
3.然后搜vue,点击回车 --------此时就会出现vue.json文件
4.复制如下代码进去替换调

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div>",
			"    $0",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"",
			"  export default {",
			"    name:'',",
			"    props:[''],",
			"    data () {",
			"      return {",
			"",
			"      };",
			"    },",
			"",

最低0.47元/天解锁文章