VsCode编辑器如何自定义代码片段

最新推荐文章于 2024-04-23 00:58:44 发布

super码王

最新推荐文章于 2024-04-23 00:58:44 发布

阅读量343

点赞数

分类专栏： VsCode Vue 文章标签： vscode

本文链接：https://blog.csdn.net/qq_41885673/article/details/120072730

版权

Vue 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

VsCode

11 篇文章 0 订阅

订阅专栏

本文指导如何在开发环境中为Vue创建自定义代码片段。步骤包括：进入设置，找到vue.json，编辑并输入Vue组件的基本结构，包括template、script和style部分，最后保存并使用自定义的Vue模板来提升开发效率。

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

本文以Vue为例

第一步：点击设置 -》用户代码片段

第二步：找到 vue.json

第三步：在该文件中输入如下内容即可

"vue":{
		"prefix": "vue",
		"body": [
			"<!-- -->",
			"<template>",
			"<div></div>",
			"</template>\n",
			
			"<script>",
			"export default {",
			"\tdata() {",
			"\t\treturn {};",
			"\t},",
			"\tmethods: {},",
			"};",
			"</script>\n",
			
			"<style lang=\"less\" scoped>",
			"</style>"
		],
		"description": "vue 自定义模板"
	}