質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.83%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

Q&A

解決済

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

Iori
Iori

総合スコア55

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

2回答

0グッド

1クリップ

436閲覧

投稿2023/02/20 11:30

編集2023/02/22 04:13

実現したいこと

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

0

自己解決

vscodeの上部の「編集」>「全ての出現箇所を選択」で出てきました!!
イメージ説明

イメージ説明

投稿2023/02/22 10:49

Iori

総合スコア55

下記のような回答は推奨されていません。

  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

0

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

下記のような回答は推奨されていません。

  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.83%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。