在vscode中创建vue自定义模板

xt_XiTu

于 2020-11-05 09:51:21 发布

阅读量431

点赞数

CC 4.0 BY-SA版权

分类专栏：前端通用知识点文章标签： javascript vue.js

本文链接：https://blog.youkuaiyun.com/xt_XiTu/article/details/109504010

前端通用知识点专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何在开发环境中配置Vue代码片段，通过简单的步骤实现快速创建Vue文件模板，提高开发效率。

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

首先找到用户代码片段的位置
![](https://img-blog.csdnimg.cn/20201105094443610.png#pic_center 在这里插入图片描述

在输入框中输入vue，然后选择vue.json或vue 在这里插入图片描述
打开之后是这样的

这些注释就是介绍怎么添加片段的
添加的例子如下
" 代表双引号
\n为换行

代码文字版为

"vue_eslint_template":{
        "prefix": "v1", // 想要使用这块代码时输入
        "body": [
			"<template>",
			"<div class=\"\"></div>",
			"</template>\n",
			"<script>",
			"export default {\n",
			"};",
			"</script>\n",
			"<style lang=\"scss\" scoped>\n",
			"</style>\n"
        ],
        "description": "vue严格模式模板" // 模板的描述
    }

使用效果

在这里插入图片描述