Question

我对全新安装vs代码有疑问。我第一次使用它，对我来说，一件大的烦人的事是，例如，当我在html文件中编写内容时：

<div id

然后按Enter即可进入我

<div id=""

但是我必须使用ctrl + space才能看到CSS的自动补全

id喜欢输入文字并自动完成。

尝试这样的用户设置和工作区设置：

{
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },
  "editor.wordBasedSuggestions": true
}

对我没用。

请帮助

这是我的新工作区配置

    {
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },
  "editor.wordBasedSuggestions": true,
  "emmet.triggerExpansionOnTab": true,
  "editor.wordBasedSuggestions": true,
  // true is the default already
 "emmet.showAbbreviationSuggestions": true,

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

这让我键入div.classname并显示我的css类的列表，但div＃idname不起作用:)不知道该怎么做

Answer 1

在这里使用emmet扩展，会容易得多。

div#myId

然后输入或标签，或将其扩展为：

<div id="myId"></div>

要使用选项卡完成，请在您的设置中将其更改为true：

"emmet.triggerExpansionOnTab": true,

您应该看到emmet建议，而不必执行 Ctrl -空格。尝试以下设置：

// true is the default already
 "emmet.showAbbreviationSuggestions": true,

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

此外，这些设置对您的问题没有影响

[在字符串或注释中键入内容时会显示建议]：

 {
      "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
      },

[建议也将在文档中包含所有文本-通常会使建议列表杂乱无章，但您还是希望它]：

    "editor.wordBasedSuggestions": true

使用链接的CSS文件在HTML文件中不使用Ctrl +空格的VS Code自动补全

1 个答案: