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

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

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

Emmetは、HTMLやCSSの記述を簡略化し、コーディングを高速化するテキストエディタの拡張ライブラリです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

2258閲覧

Visual Studio Codeで急にEmmet機能が使えなくなった

HiroK59

総合スコア10

Emmet

Emmetは、HTMLやCSSの記述を簡略化し、コーディングを高速化するテキストエディタの拡張ライブラリです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/03/25 16:09

編集2020/03/25 16:37

閲覧ありがとうございます。
2時間くらい粘ってみたのですが解決せず、みなさまのお力を借りたく質問させていただきます。

前提・実現したいこと

急にVisual Studio CodeでEmmetが使えなくなりました。

これまで<html>では
「div.name」→「<div class="name">」と出てきました。
しかし今ではそれに反応せず、他にも
●「a」→「ajex」(以前はa href〜と出た)
●「p」→「param」
という謎の言葉が出ます。

<css>では
●「p10-0」→「padding: 10px 0;」と出てきていたのが効かなくなりました。
「p」→「padding」はできます。
スニペットは出ます

試したこと

1:setting.jsonの確認
「"emmet.extensionsPath": "~/emmet",」 こちらがなぜが半透明になっていました。
「"emmet.triggerExpansionOnTab":true,」と入力しても半透明です。

イメージ説明

2:"emmet.triggerExpansionOnTab": true にする
そもそも設定のなかに「emmet.triggerExpansionOnTab」この項目が見つかりませんでしした。

イメージ説明

3.拡張機能の確認
今使っているのはこちらの機能のみ
イメージ説明

4.入力方法
cssでは例えばbody{}の中で作業してみましたが無反応

5.拡張子の確認
右下の設定は確認しました。
イメージ説明

補足情報(FW/ツールのバージョンなど)

VScodeのpバーション:Version: 1.43.2

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

oikashinoa

2020/03/25 23:06

問題切り分けのため、setting.jsonからemmet関係の項目を無効化してみては?
HiroK59

2020/03/26 04:44

ご回答いただきありがとうございます! 初心者で内容が把握しきれませんでした、、、インストールしなおしました。
guest

回答1

0

自己解決

いろいろ試しても無理だったののでアンインストールしてインストールしなおしました。
プラグインのせいでもなかったようです。

閲覧いただきありがとうございました

投稿2020/03/26 04:45

HiroK59

総合スコア10

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

oikashinoa

2020/03/26 05:26

解決おめでとうございます。 後学の為に教えて下さい。 質問本文にも書かれているsetting.jsonの"emmet.extensionsPath"などはどのような状態になってます? 消えているのかと思ってます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問