避坑11_VScode在vue文件内template无法使用tab补齐标签

一、问题

使用VScode时，在vue文件中使用<template></template>，没有代码提示，无法使用tab补齐标签

二、解决方法

打开文件 > 首选项 > 设置
搜索输入set ，点击 在settings.json中编辑
加入以下代码：

 "emmet.includeLanguages": {"vue-html": "html","vue": "html"},

重启即可

经测试，输入tem按下tab即可快捷生成 <template></template>

避坑11_VScode在vue文件内template无法使用tab补齐标签相关推荐

Vue文件内动态加载JS
Vue文件内动态加载JS let jsUrl = 'https://code.jquery.com/jquery-3.4.1.min.js' // JS地址 let jqueryJs = decode ...
vsCode编辑vue文件内标签属性换行的问题
vsCode编辑vue文件内标签属性换行的问题前情提要问题: 诉求: 一.设置js-beautify-html 二.编辑"Vetur的setting.json" 三.setti ...
vscode在.vue文件中template标签没有html标签提示。
最近在学习vue时,看到网课老师在书写template时,html代码具有自动闭合标签的功能,然后自己在网上找了许多教程,发现这样的文章很少,自己就琢磨了下,才写了这篇博客供大家参考 1. 使用快捷方 ...
关于vue文件中template标签尖括号下的红波浪线问题
首先,vscode今天突然出现这个问题,所有的template标签都被标红查找百度说修改.eslintrc.js的数据在其中的pars ...
如何设置使windows(dos)命令中目录和文件可以自动完成和补齐
1. 如果只是临时使用,可以用cmd /f打开命令窗口 2.如果想永久使用 1)在运行窗口输入regedit 2)找到键值HKEY_LOCAL_MACHINE/Software/Microsoft/C ...
uni-app实现PDF预览功能（避坑看这）
目录前言一.下载PDF预览相关文件二.使用步骤前言去年就想写一篇关于uni-app的pdf预览功能,拖很久了,补上. 一.下载PDF预览相关文件下载地址解压后效果: 二.使用步骤在 ...
.vue文件中style标签的几个标识符
.vue文件中style标签的几个标识符在人生就要绝望的时候, 被编辑器所提示的一个scopedSlots所拯救. 卧槽, 写到最后才发现这个属性的具体卵用. 详情见最后解决办法. 问题背景问题由 ...
如何优雅地使用 VSCode 来编辑 vue 文件？
最近有个项目使用了 Vue.js ,本来一直使用的是 PHPStorm 来进行开发,可是遇到了很多问题. 后来,果断放弃收费的 PHPStorm ,改用 vscode (Visual Stdio Co ...
vue2 cli使用wangEditor ( wangEditor安装依赖, wangEditor.vue文件实例, wangEditor工具栏配置的key列表 )
wangEditor官网地址https://www.wangeditor.com/ 安装依赖 yarn add @wangeditor/editor # 或者 npm install @wangedi ...
单文件组件.vue 文件
vuejs 单文件组件.vue 文件 vuejs 自定义了一种.vue文件,可以把html, css, js 写到一个文件中,从而实现了对一个组件的封装, 一个.vue 文件就是一个单独的组件.由于. ...

避坑11_VScode在vue文件内template无法使用tab补齐标签

一、问题

二、解决方法

避坑11_VScode在vue文件内template无法使用tab补齐标签相关推荐

最新文章

热门文章