常連

いつもお世話になっております。

当方VSCodeを使っており、最近になってemmetを用いた
省略記法によるコーディングのスピードアップを試みているのですが
展開後、入れ子等が改行されず、かえって手間となってしまっております。

ただし、改行される場合もあり（試したこと欄で記述します）
改行される場合とされない場合の差異がわかりません。

その差異がわかればそこから調べられるかも、、とも思っております。
やり方/ヒント教示いただきたく宜しくお願い致します。

####やりたいこと
```html
div.test>(a.test0$>img.test0$-0$)*3
```

上記省略記法を展開した際、下記のように、改行/インデントがそろった状態で
展開されるようにしたいと考えております。

```html
<div class="test">
  <a href="" class="test01">
    <img src="" alt="" class="test01-01">
  </a>
  <a href="" class="test02">
    <img src="" alt="" class="test02-02">
  </a>
  <a href="" class="test03">
    <img src="" alt="" class="test03-03">
  </a>
</div>
```

####現状
上記展開した際、改行されないまま展開がされてしまします。
```html
<div class="test"><a href="" class="test01"><img src="" alt="" class="test01-01"></a><a href="" class="test02"><img src="" alt="" class="test02-02"></a><a href="" class="test03"><img src="" alt="" class="test03-03"></a></div>
```

####試したこと
下記の場合は改行された状態で展開されます。
```html
ul.test>li.test0$*3
```
```html
<ul class="test">
  <li class="test01"></li>
  <li class="test02"></li>
  <li class="test03"></li>
</ul>
```
ul/liタグの展開は改行がされるようです。

VSCode emmetによる省略記法で改行されないときの対処法について

### 前提・実現したいこと
はじめて、公式サイトより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/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

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

### 前提・実現したいこと

VS CodeでhtmlのEmmetが突然使えなくなりました。（CSSのemmetは使えます）
直す方法がわかりません。


### 発生している問題・エラーメッセージ
（機能名が多分Emmetだと思いますが）
ラップ変換や「.」でdiv classが出せたりする機能が使えません。
Ctrl+Shift＋Pでラップ変換が一覧には出るのですが、それを選択すると入力バーが閉じてしまいます。
htmlファイルを編集しようとすると、例えば
　「.aa>p.bb」→「<div class="aa"><p class="bb"></p></div>」
と変換されるはずなのですが、入力した文字列のまま表示されます。

ネットで調べたらsetting.jsonに
「"editor.quickSuggestions": null,」
と記述すると良いとあったのですが、
nullの部分に波線が出てエラーメッセージ「Incorrect type. Expected "boolean".」が出てしまいます。

### 該当のソースコード
![イメージ説明](dc3fb66738566a883613c82103e6e50a.jpeg)

### 試したこと

設定の「Trigger Expansion On Tab」はONにしています。


### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

VSCodeでhtmlのEmmetが突然使えなくなりました。どこを直したらいいでしょうか

### 前提・実現したいこと
VSCodeでVueを書いています。
その際に
<template>内ではhtmlのemmetを、
<style>内ではcssのemmetを有効にして、省略記法をTabで展開したいのですが、
調べた限りhtmlの方の設定方法しか出てこなかったのでここで質問する次第となりました。



### 試したこと

setting.jsonに下記を追記
```
"emmet.includeLanguages": {
    "vue": "html",
    "vue-html": "html",
},
```
これでhtmlの方は展開できるようになりました。

https://qiita.com/Mr_ozin/items/d7fb30ed56347f6d222e
こちらの記事によると下記で効くようですが、試したところ下に書いてあるcssで上書かれてhtmlのemmetは無効になっていました。
```
"emmet.includeLanguages": {
    "vue": "html",
    "vue": "css"
},
```

---

cssの方も有効にする設定があるのであれば、教えていただきたいです。(拡張機能でも構いません)
ご回答のほど、よろしくお願いいたします。

Vueを書くときのEmmetをhtmlとcss両方効くようにしたい

VSCodeでHTMLの要素のclass属性の値をCSSのセレクタとして入力する時、毎回「.description」と全部打つかコピペしていますが、それを「.d」と入力した段階で、HTMLファイル内のclassの値を検索して予測変換で「.description」と表示する方法が知りたいです。

「Emmet セレクタ クラス名 予測変換」などで検索しましたが目的の情報はヒットしませんでした。

VScode 1.63.0

VScodeでclass名をセレクタとして入力する時、入力し始めで予測変換してほしい

### 前提・実現したいこと

vscodeでHTML,CSS,JavaScriptのコード予測候補を表示させたいです。

### 発生している問題
予測コードは出るのですが、JavaScriptに関する候補が出ないです。
spanを出したいです。
![イメージ説明](9404fa1db84e1e4c52be16379d6d2682.png)

### 別の人の画面の例（←こうなりたい）
spanが候補コードに出てきています。
![イメージ説明](e7cdf8ddd890f07636c7fe1f293f1884.png)


### 試したこと・確認したこと

emmet abbrebiationは有効です。
![イメージ説明](fa0d94ccfc603393bc84a14cddc422d0.png)

回答者様にコメントいただいたHTML Snippetsはインストール済でした。（追記）
![イメージ説明](e2e8106187659f24509635782c44b111.png)
###補足
spanと打ってtabを押すと<span></span>になる機能は使えています。

setting.jsonはこんな感じになっています。ユーザ名は隠していますがちゃんと実際はちゃんと書いています。
```
{
    "python.pythonPath": "C:\Users\ユーザ名\anaconda3\python.exe",
    "python.condaPath": "C:\Users\ユーザ名\anaconda3\Scripts",
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter-notebook"
    },
    "notebook.cellToolbarLocation": {
        "default": "right",
        "jupyter-notebook": "left"
    },
    "python.defaultInterpreterPath": "C:\Users\ユーザ名\anaconda3\python.exe",
    "emmet.triggerExpansionOnTab": true,
    "editor.tabSize": 4,
    "editor.minimap.enabled": false,
    "emmet.preferences": {
        
    
    },
    "html-css-class-completion.enableEmmetSupport": true,
    "emmet.syntaxProfiles": {
    
    },
    "emmet.excludeLanguages": [
    
        "markdown"
    ],
    "terminal.integrated.env.osx": {
    
    },
    "html-css-class-completion.HTMLLanguages": [

        "html",
        "vue",
        "razor",
        "blade",
        "handlebars",
        "twig",
        "django-html",
        "php",
        "markdown",
        "erb",
        "ejs",
        "svelte"

    ],
    "editor.quickSuggestions": true,
    "liveSassCompile.settings.excludeList": [

        "**/node_modules/**",
        ".vscode/**"
    ],
    "[python]": {


        "editor.wordBasedSuggestions": false
    }
}
```

##質問
VSCodeでJavaScriptの予測候補の出し方を教えてください。

VSCodeでHTML,CSS,JavaScriptのコード候補を表示させる方法を教えてください。

```ここに言語を入力
"snippets": {
"html": {
"snippets": {
"img": "<img class=\"\" src=\"\" alt=\"\">",
"video": "<video src="img/index/hero-movie.mp4" autoplay loop onclick="this.play();"></video>"
}
},

```

こちらのように変更したところ、表記にエラーがあるのでサブライムテキストが起動しなくなりました。
エラーが出ているのを忘れて再起動をしてしまいました。

その後
Emmet.sublime-settingsの中身を削除したところ、サブライムが開くようにはなったのですが、ここを空にしても
Error trying to parse settings: Expected value in PackagesVUserVEmmet.sublime-settings:1:1
というエラーが出ます。

なぜ空にしても出るようになったのでしょうか？

本来なら空にすればエラーはなくなるので、エラーメッセージが表示されなくなるはずですよね。

emmentのショートカット登録ができずに困っています。


・Emmet.sublime-settingsファイルを一度空にするためにメモ帳で開くように、選択しました。window10上ではテキストメモのアイコンになっています。
まさかこれが原因ということはないですよね。
念のためファイルをコピーしてそのファイルで開いたりも同じです。
.sublime-settingsという拡張子のようですが、メモ帳の拡張子を.sublime-settingsにして新たに作り直すなどできないでしょうか？

サブライムテキストからエラーメッセージが表示される


### 実現したいこと

VS codeの省略記法で、! + enter　で宣言文が自動入力されますが、その際に　    <meta http-equiv="X-UA-Compatible" content="IE=edge">　が入ってきます。
これを消したいです。


### 試したこと

snippets.code-snippetsやhtml.jsonで


	"html5": {
		"prefix": "!",
		"body": "<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>${1:Document}</title>\n</head>\n<body>\n  $2\n</body>\n</html>"
	}
}

と入力することで、!　+ enter　で、求めた結果は表示されるのですが、候補が

! 　emmet 省略記法
!    html5

と二つ出ます。
上の省略記法のほうは要らないので　これを消すか、もしくはこのemmetのほうの中身を編集したいのですがその方法がわかりません。



### 補足情報（FW/ツールのバージョンなど）

visual studio code バージョン　1.76.2
