问题

最近想体验一下VSCode（颜值高，功能全，资源占有少）。

然而刚上手就遇到非常不爽的问题，自带的emmet插件自动补全css老得不到我想要的:

img

输入mt,按tab补全出来mask-type而不是margin-top,输入c得到caption-side而不是color…真够蛋疼的。

Google了好久才发现是因为跟VSCode自带的默认智能提示冲突了，自带智能提示，也是用的tab键，由于提示优先级比emmet更高的原因，所以得不到我想要的结果。

解决办法

修改键盘快捷方式，将选中自带智能提示的键值改为enter即可解决。具体步骤为：首选项->键盘快捷方式（⌘k⌘s）,然后找到并打开keybinding.json,在右侧提供的覆盖设置区域键入下面设置：

1
2
3
4
5
6
7
8
9
10
{ 
    "key": "enter", 
    "command": "acceptSelectedSuggestion",
    "when": "editorTextFocus && suggestWidgetVisible" 
},
{ 
    "key": "tab",
    "command": "editor.emmet.action.expandAbbreviation",
    "when": "config.emmet.triggerExpansionOnTab && editorTextFocus && !editorHasSelection && !editorReadonly && !editorTabMovesFocus" 
}