vs code 自动补全效果不理想的问题

最新推荐文章于 2024-08-22 09:25:25 发布

宵蓝

最新推荐文章于 2024-08-22 09:25:25 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签：开发工具 json 数据库

原文链接：http://www.cnblogs.com/bfc0517/p/7904209.html

本文介绍如何解决VSCode中自带智能提示与Emmet语法之间的冲突问题，通过修改键盘快捷方式及设置，确保Emmet能够正常工作。

之前一直用webstorm，最近换换口味，改用了VS Code，发现VS Code 智能提示得到的都不是我想要的就比如 ! + tab ，HTML结构都出不来。经过一番搜索，发现是 VS Code 自带的提示功能和Emmet语法的键位冲突所导致的，自带的智能提示优先级要高于Emmet语法，所以才出现提示不灵的情况，不多BB，直接上解决办法。

首先找到 首选项 --> 键盘快捷方式 --> keybindings.json

然后就会看到配置文件，把下面这段代码复制到右面就好了。

    { 
        "key": "enter", 
        "command": "acceptSelectedSuggestion",
        "when": "editorTextFocus && suggestWidgetVisible" 
    },
    { 
        "key": "tab",
        "command": "editor.emmet.action.expandAbbreviation",
        "when": "config.emmet.triggerExpansionOnTab && editorTextFocus && !editorHasSelection && !editorReadonly && !editorTabMovesFocus" 
    }

2017/12/5 补充：

有的同学用了上述方法还是不管用，那么你可以看看 首选项 --> 设置 --> 查找 emmet

找到这句话 "emmet.triggerExpansionOnTab": false, 改为 true . 如下图