Rumah > alat pembangunan > VSCode > 浅谈VSCode无需插件自动补全html标签、style样式的方法

浅谈VSCode无需插件自动补全html标签、style样式的方法

青灯夜游
Lepaskan: 2021-03-12 09:32:08
ke hadapan
3820 orang telah melayarinya

本篇文章给大家介绍一下不需要插件,VSCode代码自动补全html标签、style样式、css属性及值的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

浅谈VSCode无需插件自动补全html标签、style样式的方法

相关推荐:《vscode教程

<span style="font-size: 20px;">不需要插件</span>,VSCode代码自动补全(<span style="font-size: 20px;">html标签</span><span style="font-size: 20px;">style样式</span>、css属性及值、),修改配置文件即可完成!


效果图 · 演示如下:

在这里插入图片描述


操作步骤 · 如下:

本编辑器已经汉化,所以截图如下。

首先,取消选中(控制在活动代码片段内是否禁用快速建议)

修改路径(截图示下):

  • 设置 -->

  • 文本编辑器 (建议)-->

  • 取消选中 Suggest:Snippets Prevent Quick Suggestions (控制在活动代码片段内是否禁用快速建议)

  • 完成第一步。剩下的就是修改配置文件:settings.json

在这里插入图片描述
在这里插入图片描述


如何修改配置文件settings.json

1、首先找到文件(截图示下) · 找到并点击 “设置”:

在这里插入图片描述

2、然后,弹出(如下图所示)弹框界面:

在这里插入图片描述

3、然后,点击(如上图)的 “黄色的空心矩形框”,弹出settings.json文件(截图如下)。

在这里插入图片描述

4、开始修改文件settings.json

修改之前 · 全部代码如下:

{
    "window.zoomLevel": 0,
    "terminal.integrated.rendererType": "dom"
}
Salin selepas log masuk

修改之后 · 全部代码如下:

{
    "window.zoomLevel": 0,
    "terminal.integrated.rendererType": "dom",
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "files.associations": {
        "*.vue":"html"
    }
}
Salin selepas log masuk

更多编程相关知识,请访问:编程视频!!

Atas ialah kandungan terperinci 浅谈VSCode无需插件自动补全html标签、style样式的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan