VSCode

时间:2017-08-29 06:23:17

标签: visual-studio-code emmet vscode-settings

我现在大约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&lt; - 不知道这里发生了什么...... 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 个答案:

答案 0 :(得分:1)

那是因为Emmet干扰了自动完成。尝试键入任何这些命令并从命令面板Emmet: Expand Abbreviation执行。

  • 您可以重新映射emmet命令editor.emmet.action.expandAbbreviation的键绑定

  • 您可以为css停用自动填充功能(在需要时显示自动填充功能Trigger Suggest Ctrl + 空间

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

从版本1.16 August 2017开始,您可以将emmet代码段移到最顶层并仍然具有自动填充功能:

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