Vue——vue 自定义语法模板

dbt@L

已于 2022-07-10 09:12:50 修改

阅读量310

点赞数

分类专栏：有点儿东西文章标签： vue.js 前端 javascript

于 2020-12-12 16:59:32 首次发布

本文链接：https://blog.csdn.net/qq_43201350/article/details/109363921

版权

有点儿东西专栏收录该内容

41 篇文章 3 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了如何在VSCode中创建Vue自定义语法模板，包括步骤：打开VSCode，设置用户片段，创建javascript.json，输入代码，并展示了在编写时如何触发模板自动补全，如data、created和mounted等Function类型的方法。

摘要由CSDN通过智能技术生成

1、打开vscode
2、文件->首选项->用户片段
3、在文本框中输入javascript.json
4、输入以下代码

"Print to template": {
		"prefix": "template",//快捷语句
		"body": [//内容，$1,$2,表示光标第一、二次出现的位置
			"<template>",
			"<div> <\/div>",
			"<\/template>",
			"<script>",
			"export default {",
			"name: '$2',",
			"components: {",

			"},",
			"computed: {",

			"},",
			"watch: {",

			"},",
			"data() {",
				"return {",

				"}",
			"},",
			"mounted() {",

			"},",
			"created() {",

			"},",
			"methods: {",

			"}",

			"

了解本专栏