• 技术文章 >开发工具 >VSCode

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

    青灯夜游青灯夜游2021-03-12 09:32:08转载863
    本篇文章给大家介绍一下不需要插件,VSCode代码自动补全html标签、style样式、css属性及值的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    相关推荐:《vscode教程

    不需要插件,VSCode代码自动补全(html标签style样式、css属性及值、),修改配置文件即可完成!


    效果图 · 演示如下:

    在这里插入图片描述


    操作步骤 · 如下:

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

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

    修改路径(截图示下):

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


    如何修改配置文件settings.json

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

    在这里插入图片描述

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

    在这里插入图片描述

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

    在这里插入图片描述

    4、开始修改文件settings.json

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

    {
        "window.zoomLevel": 0,
        "terminal.integrated.rendererType": "dom"
    }

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

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

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

    以上就是浅谈VSCode无需插件自动补全html标签、style样式的方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:VSCode
    上一篇:详解VSCode利用Git来可视化管理源代码的方法 下一篇:分享一个实用插件:VSCode Drawio,让VSCode也能画流程图!!
    线上培训班

    相关文章推荐

    • VSCode没有代码提示的解决方案• vscode中C语言编译环境的配置方法(分享)• vscode中提升开发效率的前端插件(分享)• 提升开发效率的实用vscode插件(分享)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网