• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

互联网 diligentman 3天前 6次浏览

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


效果图 · 演示如下:

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


操作步骤 · 如下:

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

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

修改路径(截图示下):

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

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


如何修改配置文件settings.json

  1. 首先找到文件(截图示下) · 找到并点击 “设置”:
    VSCode代码自动补全html标签、css属性及值 - 无插件

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

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

  3. 然后,点击(如上图)的 “黄色的空心矩形框”,弹出settings.json文件(截图如下)。
    VSCode代码自动补全html标签、css属性及值 - 无插件

  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属性及值 – 无插件 ” 的全部内容。


喜欢 (0)