vscode 快速生成vue模板

以前用vue2，经常用的是vetur插件来自动生成vue模板。转到vue3后，vetur有兼容性问题，我就用volar代替了vetur，但是没办法生成vue模板了，我只好自定义一个模板。

在首选项中选择用户片段

在弹出的框中输入vue，选择vue.json文件

在文件的大括号里自定义模板就行，下面是我的模板

{"Print to console": {"prefix": "vue3","body": ["<template>","  <div>$0","  </div>","</template>\n","<script setup lang='ts'>\n","</script>\n","<style lang=''>\n",                       "</style>","$2"],"description": "vueInit"}
}

之后在vue文件里输“vue3”就可以直接提示此模板

vscode 快速生成vue模板相关推荐

vscode 添加用户代码片段（快速生成 vue 模板）
文件–>首选项–>用户代码片段–>点击新建代码片段–取名 vue.json 确定 {"生成 vue 模板": {"prefix": " ...
vscode生成vue模板快捷键_vs code 快速生成vue 模板
1.使用快捷Ctrl + Shift + P唤出控制台,然后输入snippets并选择.(或文件>首选项>用户代码片断里面,输入 vue.json ,然后回车 )(或 file > ...
vscode 新建php模板,使用vscode快速建立vue模板
当我们希望每次新建.vue文件后,vscode能够根据配置,自动生成我们想要的内容. 打开vscode编辑器,依次选择"文件 -> 首选项 -> 用户代码片段",此时, ...
vscode 快速生成html模板
VSCode中,在新建html的页面生成代码,可以输入! 然后回车或者Tab即可自动生成一个html文件模板,效果如下
2 snippets vue 修改配置_VSCode 自定义Vue snippets, 快速生成Vue模板
命令行 Ctrl+Shift+P # 选择 Configure User Snippets # 选择 Vue.json 原始的Vue.json { // Place your snippets for ...
vscode生成vue模板快捷键_VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法...
1. 安装一个插件,识别vue文件 2.新建代码片段文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定 3.粘贴入自己写的.vue模板 { " ...
vscode 新建php模板,使用VSCode快速创建vue文件模版的方法介绍
VSCode怎么自定义代码模版?下面本篇文章给大家介绍一下VSCode快速创建vue文件模版的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 修改位置打开vscode首选项- ...
VSCode快速生成HTML基础模板--输入！一键快捷生成--无法自动生成的解决办法
操作很简单:输入英文感叹号!,并按[tab键]即可快速生成HTML模板即可. 但在此之前,我们要准备什么,确保生效呢? 有很多伙伴反应,输入!,VScode并没有反应.接下来,让我们一起解决这个问题. ...
VSCode 如何新建vue模板 - 插件引入篇
还在一个代码一个代码的敲打吗? VSCode 如何新建vue模板 ?附图讲解:如何引入插件. 问题: 在哪儿搜索插件? 搜什么名称的插件? 如何安装插件? 解决办法:(上述问题,均如下图所示) 安装完 ...
基于UI组件的Vue可视化布局、快速生成.vue代码
一.项目简介基于UI组件的Vue可视化布局.快速生成.vue代码二.实现功能通用(文本.链接.换行.div.图片) 支持elementUI 支持iViewUI(button .icon.radi ...

vscode 快速生成vue模板

vscode 快速生成vue模板相关推荐

最新文章

热门文章