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

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

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

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

Q&A

解決済

3回答

5374閲覧

数日前にダウンロードしたVscodeのemmetが使えません。使えるようにしたい

konkon369

総合スコア0

Emmet

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

0グッド

0クリップ

投稿2020/08/19 23:16

前提・実現したいこと

はじめて、公式サイトより64bitのWin版のVsCodeをダウンロードしました。
しかし、emmetが使えません。
!  enterキー   →  改行
!  Tabキー  →  空白が入るだけ

<P>と入力すると <p></p>にはなります。

色々試したものの、設定の検索画面で「emmet」と入力しても設定がみつかりません。
と表示されてしまいます。

ダウンロードしたサイト
https://code.visualstudio.com/
旧バージョン
https://visual-studio-code.jp.uptodown.com/windows/versions

どうしたら使えるようになるのでしょうか?

Win10使用

試したこと

①"emmet.triggerExpansionOnTab": true, を設定してみた
②アンインストール&インストールのし直し数回
③1つ前のバージョンのインストール

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

ここにより詳細な情報を記載してください。

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

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

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

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

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

guest

回答3

1

編集中のファイルを拡張子 .html の名前をつけて保存してください。

投稿2020/08/19 23:20

Zuishin

総合スコア28656

miyabi_pudding👍を押しています

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

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

konkon369

2020/08/20 01:26

お返事ありがとうございます。 言葉足らずで申し訳ありませんでした! .html .css ともに同じようにemmetが使えないです。 ほかに確認したほうが良いことなどありますでしょうか? Vscodeのバージョンは1.48となっています。
Zuishin

2020/08/20 01:33

すべて半角であることをよく確認してください。いまだファイル名の可能性が一番高いと思います。確かめたなら、編集メニューに「Emmet...」があることを確認してください。
konkon369

2020/08/21 23:30

ありがとうございました! なんと、いつの間にかemmetが無効になっておりました。←なぜ?(;゚ロ゚) これを有効にすることでemmetは使えるようになりましたが Tabキーでは展開せず、enterキーで展開されることに。 "emmet.triggerExpansionOnTab": true, と設定しています。
Zuishin

2020/08/21 23:48

で、私の言ったことは確認したんですか?
guest

0

自己解決

なんと、いつの間にかemmetが無効になっておりました。
これを有効にすることでemmetは使えるようになりました!

Tabキーでは展開せず、enterキーで展開されることに。
"emmet.triggerExpansionOnTab": true,
と設定しています。

投稿2020/08/21 23:31

konkon369

総合スコア0

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

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

0

例えば、下記のように、Emmet構文を書いた時に、
p.hoge#mog>(span.text)*3
右側あたりに、Emmetの変換候補が羅列されるかと思います。
その候補が表示されている状態でTabキーを押せばEmmet変換がされます。
表示されてない状態だと変換されないという仕様っぽいです。

個人的な感想を言うと、他のエディタとは少し使い勝手が違って、そこだけは、使いづらいなと思います。

投稿2020/08/20 02:18

miyabi_takatsuk

総合スコア9528

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

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

konkon369

2020/08/20 02:41

ありがとうございます!! 構文をかいてみましたが変換候補が全く出てこないです。(T_T)
miyabi_takatsuk

2020/08/20 02:50

それは、プラグイン入っているかどうかを確認と、 Zuishinさんの回答通り、ファイルを開いた上で、そのファイルが、HTMLないしCSSファイルだとVSCodeで認識されているかを確認して下さい。 右下の、言語表記は、HTMLか、CSSになってますか?
miyabi_takatsuk

2020/08/20 02:52

あと、一回その行からカーソルを離したりすると、候補が消えてしまい、最後尾の文字を打ち直したりしないと、候補の再出現がされません。 (ここらが特に使い勝手悪いです)
konkon369

2020/08/21 23:29

お返事ありがとうございました。 なんと、いつの間にかemmetが無効になっておりました。←なぜ?(;゚ロ゚) これを有効にすることでemmetは使えるようになりましたが Tabキーでは展開せず、enterキーで展開されることに。 "emmet.triggerExpansionOnTab": true, と設定しています。
miyabi_takatsuk

2020/08/22 15:30

なるほど・・・。 なんにせよ、解決よかったです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.53%

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

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

質問する

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

Emmet

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