VSCode代码自动补全html标签、css属性及值 - 无插件

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


效果图 · 演示如下:

在这里插入图片描述


操作步骤 · 如下:

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

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

修改路径(截图示下):

  1. 设置 -->
  2. 文本编辑器 (建议)-->
  3. 取消选中 Suggest:Snippets Prevent Quick Suggestions (控制在活动代码片段内是否禁用快速建议)
  4. 完成第一步。剩下的就是修改配置文件:settings.json

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


如何修改配置文件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"
        }
    }
    

附:参考文章

  1. 解决vscode没有代码提示

以上就是关于“ VSCode代码自动补全html标签、、css属性及值 - 无插件 ” 的全部内容。

  • 83
    点赞
  • 287
    收藏
    觉得还不错? 一键收藏
  • 46
    评论
VS Code 是一款非常流行的轻量级跨平台代码编辑器,它内置了很多功能强大的代码自动补全插件,可以大大提高我们的编码效率。以下是一些常用的代码自动补全插件: 1. IntelliSense 这是 VS Code 内置的代码智能提示工具,它可以根据你的代码上下文,在代码编辑器中自动补全代码,包括函数、变量、属性等等。默认情况下,它会对 JavaScript、TypeScript、HTMLCSS 和 JSON 文件进行自动补全。 2. JavaScript (ES6) code snippets 这是一个 JavaScript 代码插件,它可以帮助你快速插入常用的 JavaScript 代码片段,比如 if、for、try catch 等等。只需输入相应的缩写,然后按下 Tab 键,就可以快速生成完整代码块。 3. Bracket Pair Colorizer 这个插件可以帮助你在代码编辑器中更清晰地看到代码中各种括号的匹配关系,并使用不同的颜色进行标识。这样可以更方便地进行代码阅读和编辑。 4. Path Intellisense 这是一个路径自动补全插件,可以帮助你快速输入文件路径。当你输入路径时,它会自动提示你当前项目中的文件和文件夹,同时支持相对路径和绝对路径。 5. Auto Close Tag 这个插件可以帮助你自动闭合 HTML 和 XML 标签。当你输入一个开始标签时,它会自动插入结束标签,并把光标移至标签中间,方便你直接输入标签内容。 以上是一些常用的代码自动补全插件,你可以在 VS Code 的插件市场中搜索并安装它们。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 46
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值