Realize a geração automática de modelos vue inserindo palavras-chave no visual studio

Acredito que muitos colegas têm tal aflição, seja como um front-end ou engenheiros de back-end de desenvolvimento, engenheiros de desenvolvimento, com o vue em profundidade agora, levando a mais ou menos todo mundo vai entrar em contacto com vue , eu acredito que nós temos tal angústia, escreva seu próprio Um arquivo vue é realmente problemático, também é um modelo , um script e um componente , e é irritante para os dados.O blogueiro também tem sido incomodado por isso por um longo tempo.Hoje, ele decidiu resolver esse problema. Caros colegas:
1. Primeiro, abra seu próprio compilador visual studio
2. Encontre suas configurações no canto inferior esquerdo, clique no bloco de código do usuário
3. Em seguida, pesquise vue, clique em Enter -------- O arquivo vue.json aparece
4. Copie o código a seguir para substituir a chave

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div>",
			"    $0",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"",
			"  export default {",
			"    name:'',",
			"    props:[''],",
			"    data () {",
			"      return {",
			"",
			"      };",
			"    },",
			"",
			"    components: {},",
			"",
			"    computed: {},",
			"",
			"    beforeMount() {},",
			"",
			"    mounted() {},",
			"",
			"    methods: {},",
			"",
			"    watch: {}",
			"",
			"  }",
			"",
			"</script>",
			"<style lang='' scoped>",
			"",
			"</style>"
		],
		"description": "Log output to console"
	}
}

Como usar:
Digite vue no seu arquivo vue recém-criado e clique em Enter. O efeito agora será exibido: Clique
simon
aqui!

Publicado 34 artigos originais · ganhou elogios 0 · Vistas 3634

Acho que você gosta

Origin blog.csdn.net/qq_43469899/article/details/103019689
Recomendado
Clasificación