vue 单文件组件中，输入template 按 tab 键不能自动补全标签的解决办法

小鱼儿 2022-12-31 02:29 336阅读 0赞

# 1. 操作步骤 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70]

**选择：** **文件**  ⇒ \\Rightarrow ⇒ **首选项**  ⇒ \\Rightarrow ⇒ **设置**  ⇒ \\Rightarrow ⇒ **搜索** `emmet`，选择 **编辑** `setting.json`

添加如下代码：

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

如下图所示  ⇓ \\Downarrow ⇓ ：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 1]  
`Ctrl + s` 保存即可。

# 2. 效果 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70]: /images/20221120/ec4fd29f9bd1475c9cf56727663ac559.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 1]: /images/20221120/1f726594cbad4e99b7092dd45c241270.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 2]: /images/20221120/c2b9bfd9bd7a4ba9a321531b301ad6db.png

发表评论取消回复

表情：

评论列表（有 0 条评论，336人围观）

还没有评论，来说两句吧...

相关阅读

相关 python的tab自动补全

1.获取python路径 python:~ python3 Python 3.5.2 (default, Feb 6 2020, 00:14:34)

小咪咪/ 2023年07月03日 15:27/ 0 赞/ 54 阅读

相关 pycharm第三方库不能自动补全的解决办法

问题原因： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

r囧r小猫/ 2023年06月10日 05:23/ 0 赞/ 289 阅读

相关 Mac Tab自动补全键

最近入手一个Mac（Mac 2019版本），在使用终端时，发现不能使用Tab键自动补全代码，网络搜寻下，发现这里有个方法，记录下，免得自己忘记： 1 / 首先找到这个图

深碍√TFBOYSˉ_/ 2023年06月03日 05:59/ 0 赞/ 239 阅读

相关 vue 单文件组件中，输入template 按 tab 键不能自动补全标签的解决办法

1. 操作步骤 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

小鱼儿/ 2022年12月31日 02:29/ 0 赞/ 337 阅读

相关 Tab 自动补全

目录 1. 命名空间补全 2. 属性方法补全 3. 函数参数补全 4. 文件路径补全 IPython/Jupyter 提供不亚于集成开发环境的自

柔光的暖阳◎/ 2022年12月11日 07:55/ 0 赞/ 339 阅读

相关 mac 启用tab自动补全

最近使用mac终端，打开终端想通过tab键进行自动补全功能，发现完全没用。找了一些资料，写在这里记录一下。苹果的mac os系统其实是基于Linux开发的，所以linux中

た入场券/ 2022年09月30日 00:58/ 0 赞/ 637 阅读

相关 python tab键补全功能

1.tab功能脚本 \[root@localhost python\]\ cat tab.py \!/usr/bin/python import sys im

刺骨的言语ヽ痛彻心扉/ 2022年08月10日 11:50/ 0 赞/ 287 阅读

相关 eclipse自动补全失效解决办法

转自http://blog.csdn.net/rodjohnsondoctor/article/details/25099693 原因是自动补全需要在java选项中

骑猪看日落/ 2022年07月27日 10:48/ 0 赞/ 468 阅读

相关解决 debian TAB 键不能自动补全命令的原因

http://hi.baidu.com/liheng\_2009/blog/item/607b09614ba93f6c0d33fa6b.html 般情况，命令行输入

柔光的暖阳◎/ 2022年06月17日 12:47/ 0 赞/ 697 阅读

相关 Ubuntu终端tab键补全不了

环境 > Ubuntu 情景在Ubuntu系统下`useradd`一个新的用户，切换到该用户时，发现终端命令行下`tab`键补全不了 $ userad

﹏ヽ暗。殇╰゛Y/ 2022年05月25日 02:50/ 0 赞/ 356 阅读