vs code 自動補全效果不理想的問題

之前一直用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 . 如下圖

 

 

解決！