对不一致的 Emmet 的挫败感导致 VSCode

Question

我大约 6 或 7 个月前从 ST3 搬到了 VSCode，现在我很喜欢它。但我真的在为 Emmet/VSCode 扩展文本的方式不一致而苦苦挣扎......

例如：（这些示例根据 cheat sheet）

fl 应该给我 float:left，但我得到 flex: gif
m:a 应该给我 margin:auto - 虽然从 ST3 开始我一直使用 m-。但是在 VScode 中：我得到 max-block-size: gif
ttu 应该给我 text-transform:uppercase，但我却得到 text-underline-position:
p20-40 应该给我 padding: 20px 40px 但在这种情况下，没有任何反应 - 根本无法识别它
w100p 应该给我 width:100% 但同样，我什至不认识它 <-- 可能是最烦人的一个，因为我经常使用它。
甚至 HTML 也经常失败：.div-class 变成 .div-class<?php <-- 不知道这里发生了什么...... gif

几乎VSCode似乎有自己的内置Emmet，这总是与实际 Emmet冲突。我会第一个承认这可能是我 settings.json 中的一个冲突选项，所以这是我的设置文件：

{
  "editor.tabSize": 2,
  "editor.minimap.enabled": false,
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.wordBasedSuggestions": false,
  "editor.quickSuggestions": {
    "other": true,
    "comments": false,
    "strings": true
  },
  "editor.tabCompletion": true,
  "editor.renderWhitespace": "boundary",
  "editor.snippetSuggestions": "top",
  "editor.occurrencesHighlight": false,
  "editor.selectionHighlight": false,
  "editor.renderIndentGuides": true,
  "editor.autoIndent": true,

  "php.suggest.basic": false,
  "php.validate.executablePath": "/usr/local/php5/bin/php",

  "workbench.colorTheme": "Bimbo Theme",
  "workbench.iconTheme": "vs-seti",
  "workbench.startupEditor": "none",
  "workbench.editor.tabCloseButton": "left",
  "workbench.commandPalette.preserveInput": true,
  "workbench.tips.enabled": false,

  "window.zoomLevel": 0,
  "git.enableSmartCommit": true
}

我删除了与字体大小和主题等相关的设置

其他信息：

VSCode 版本 1.15.1 (1.15.1)
Extensions

真的如果没有遇到这些问题的人可以分享他们的设置文件，这样我就可以解决我的挫败感并继续爱VSCode，我会很感激吗？

谢谢 :)

Answer 1

那是因为 Emmet 干扰了自动完成。尝试输入这些命令中的任何一个并从命令选项板执行 Emmet: Expand Abbreviation.

您可以为 emmet 命令重新映射键绑定 editor.emmet.action.expandAbbreviation
您可以禁用 css 的自动完成功能（以在需要时显示自动完成功能 Trigger Suggest Ctrl+Space)

"[css]": {
    "editor.quickSuggestions": {
        "other": false,
        "comments": false,
        "strings": false
    }
}

从版本 1.16 August 2017 开始，您可以将 emmet 片段移到顶部并且仍然具有自动完成功能：

"emmet.showSuggestionsAsSnippets": true,
"editor.snippetSuggestions": "top"

对不一致的 Emmet 的挫败感导致 VSCode

Frustration with inconsistent Emmet results in VSCode

visual-studio-code

emmet

vscode-settings