我现在大约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%
但是再一次,甚至不认识它< - 可能是最讨厌的一个因为我经常使用它。.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吗?
谢谢:)
答案 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"