How to set vue template code in vscode

(1) Install the Vetur and VueHelper plug-ins. After the installation is complete, you need to restart VScode

Find the following in the extension plug-in search box Vetur and VueHelper plug-ins, pay attention to the icons.

(2) Add template code snippet for vue

Select vue item

Add your template code snippet to the opened vue.json

{
	"vue": {
	"prefix": "vue",
	"body": [
		"<template>",
		"  <div>",
		"  </div>",
		"</template>",
		"<script>",
		"</script>",
		"<style scoped>",
		"</style>",
	],
	"description": "generate a vue file"}
}

(3) In the vue file, when you type the vue prefix, it will automatically think of the one you created earlier. Description of the code snippet, press the Tab key or select it, the template code snippet will be automatically added to your vue file.

Related recommendations: vscode tutorial

The above is the detailed content of How to set vue template code in vscode. For more information, please follow other related articles on the PHP Chinese website!