超能刚哥

让Visual Studio Code的Emmet支持更完美

发表于2017-05-22
让Visual Studio Code的Emmet支持更完美已关闭评论

前几日开始使用微软出品的VSCode,感觉确实比Atom好用一些,不过有个苦恼的问题就是我在写CSS代码(包括SCSS/LESS)时,Emmet并没有如我所期望的一样工作,比如正常情况下:

db = display: block; 
fl = float: left;
c#f = color: #fff;
fsn = font-style: normal;

但是在VSCode中,输入上面的短码按Tab,得到的却是搜索建议的第一条匹配结果:

db = box-decoration-break: 
fl = floor()
c#f = 无效输入
fsn = font-synthesis:

后来检查编辑器设置,发现果然是默认的按键绑定就有问题,tab同事绑定了Emmet和套用搜索建议,而且后者优先级更好,删掉后者,果然正常了,处理办法:打开首选项->键盘快捷方式,再点击头部的提示来编辑keybindings.json,在右侧的自定义配置文件中加入下列规则即可:

    {
        "key": "tab",
        "command": "-acceptSelectedSuggestion",
        "when": "editorTextFocus && suggestWidgetVisible"
    }
该文章暂无评论,赶快抢占沙发!
抱歉,该文章已关闭评论。