cssの自動補完が出ません。。。

実現したいこと

cssでの自動補完をする。

前提

以下が現在取り込んでいる拡張機能です。

ここ一ヶ月は既存の拡張機能の設定を変更することはしていません。
HTMLで「！」とtagでひな形は通常通り出ます。

発生している問題・エラーメッセージ

「tra」と打つと以前はtransitionやtransformが候補に出ていたのに今は出ません。。。

試したこと

HTML CSS Support, Prettier, css peekの再インストール

こちらがvscodeのバージョンです

Buntin様のアドバイスに関して

editor.quickSuggestions以外はsetting.jsonで検索しましたが、出てきませんでした。

setting.jsonでしたこと

詳細のアドバイス誠に感謝いたします。頂いた候補を検索してみましたがfalseがありませんでした。。。

以下に探してみたものを書かせていただきます。可能性のありそうなものなのでジェイソンすべてではありません。

setting.json
1  "files.autoSave": "afterDelay",
2    "editor.unicodeHighlight.invisibleCharacters": false,
3    "workbench.editor.enablePreview": false,
4    "workbench.startupEditor": "none",
5    "liveServer.settings.donotShowInfoMsg": true,
6    "git.suggestSmartCommit": false,
7    "workbench.editorAssociations": {
8        "*.psd": "default",
9        "*.dll": "default"
10    },
11    "[scss]": {
12        "editor.defaultFormatter": "vscode.css-language-features"
13    },
14    "[css]": {
15
16        "editor.defaultFormatter": "esbenp.prettier-vscode",
17        "cSpell.showAutocompleteSuggestions": true
18    },
19"emmet.includeLanguages": {
20        "javascript": "javascriptreact"
21    },
22    "editor.accessibilitySupport": "on",
23    "settingsSync.ignoredExtensions": [
24        "ritwickdey.liveserver"
25    ],
26    "liveServer.settings.donotVerifyTags": true,
27    "files.eol": "\n",
28    "javascript.updateImportsOnFileMove.enabled": "always",
29    "files.autoGuessEncoding": true,
30    "editor.unicodeHighlight.ambiguousCharacters": false,
31    "[html]": {
32        "editor.defaultFormatter": "esbenp.prettier-vscode"
33    },
34    "workbench.iconTheme": "vscode-icons",
35    "cssPeek.peekFromLanguages": [
36        "html",
37        "django-html",
38        "laravel-blade",
39        "razor",
40        "vue",
41        "blade",
42        "pug",
43        "jade",
44        "handlebars",
45        "php",
46        "twig",
47        "md",
48        "nunjucks",
49        "javascript",
50        "javascriptreact",
51        "erb",
52        "typescript",
53        "typescriptreact",
54        "HTML (Eex)",
55        "html-eex",
56        "ejs",
57        "css"
58    ],
59    "window.zoomLevel": -1,
60    "cSpell.showAutocompleteSuggestions": true,
61    "debug.console.acceptSuggestionOnEnter": "on",
62    "css.enabledLanguages": [
63        
64        "html",
65        "css"
66    ],
67    "editor.suggest.shareSuggestSelections": true,
68    "editor.quickSuggestions": {
69        "comments": "on",
70        "strings": "on"
71    },
72    "editor.suggest.showStatusBar": true,
73    "emmet.showSuggestionsAsSnippets": true,
74    "css.styleSheets": [
75    
76    ],
77    "html-css-class-completion.CSSLanguages": [
78
79        "css",
80        "sass",
81        "scss"
82    ],
83    "html-css-class-completion.enableEmmetSupport": true,
84    "liveSassCompile.settings.includeItems": [
85    
86    ],
87    "editor.suggest.preview": true,
88    "workbench.commandPalette.experimental.suggestCommands": true
89}

Buntin

2023/02/20 12:57

いきなりでなくなったのですか？

meg_

2023/02/20 15:52

> 以下が現在取り込んでいる拡張機能です。 "何の"拡張機能の話でしょうか？ OSやツールのバージョンは何でしょうか？

Iori

2023/02/20 21:52

Buntin様下の青いタグの「CSS」を間違えてクリックしてしまったような気がするのですが、それが断定的な理由かは自信がありません、、、申し訳ございません。 meg_様自動補完の機能がある拡張機能が多くあり、どれが原因かがはっきり分かっていません。「自動補完 css」などで検索し出てきた拡張機能が質問部分に書いた通り原因の可能性がありそうかなと思い再インストールしたのですが、直りません。 Windows10です。

行動規範の内容に同意します

回答2件

自己解決

vscodeの上部の「編集」＞「全ての出現箇所を選択」で出てきました！！

投稿2023/02/22 10:49

Iori

総合スコア55

cssの自動補完はvscodeのlspによるもののようです。
特に、先ほど自分の環境でtrと入力してみるとスペニットが出ましたが、普段cssは書かないため拡張機能等は入っておりません。ですので、以下の場所を確認してみてください。
setting.json以下

editor.quickSuggestions : bool
textEditor.suggestions.snippetSuggestions : enum
..Suggest:Show
..Suggest: Snippets Prevent Quick Suggestions.
..Suggest On Trigger Characters

設定から検索で出ると思います。
もじこれらの中でfalseになっているものがあればそれを変えてください。
自分の環境では、一番下のSuggest On Trigger Charactersをfalseにしたところ、質問者様と同様の状態になりました。
もし直らなければその画像をお願いします。
また、グローバル設定のみでなく、ローカルの設定、レポジトリの設定、ユーザーの設定の全てを確認してください。

投稿2023/02/21 08:54

Buntin

総合スコア14