VisualStudioCodeのEmmetで＋の挙動がおかしい

VisualStudioCodeでCSSをEmmetで記述しているのですが、色指定をしたときに+でプロパティを追加するとTabが効かない、++をつけたときに空白行が追加されてしまいます。bracketsのEmmetでは変換できました。

下の省略記法を例にしますと、

d+fw:b+w100+m30-a+c#5+bdb++z10!

/* Tabで変換できない */

colorプロパティまで記述した場合

d+fw:b+w100+m30-a+c#5

/* Tabで変換できない */

colorプロパティなしの場合

d+fw:b+w100+m30-a

/* Tabで変換できる */
  display: block;
  font-weight: bold;
  width: 100px;
  margin: 30px auto;

colorプロパティーだけの場合

c#5

/* Tabで変換できる */
color: #555555;

また、++をつけたときには空白行が追加されてしまいます。

bdb++z10!

/* Tabで変換できるが、空白行が追加される */
  border-bottom: 1px solid #000;
  
  z-index: 10 !important;

設定（settings.json）は以下になります。

{
    "liveServer.settings.donotVerifyTags": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "window.zoomLevel": 0,
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 100000,
    "editor.fontSize": 13,
    "emmet.variables":{
        "lang": "ja"
    },
    "emmet.triggerExpansionOnTab": true,
    "workbench.colorTheme": "Visual Studio Dark",
    "emmet.showSuggestionsAsSnippets": true
}

ご回答いただけますと幸いです。

補足情報

macOS Mojave 10.14
Code 1.31.1

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

回答1件

ベストアンサー

bdb++という部分は以前はbdb+でborder-bottom: 1px solid #000;と展開するようになっていたのですが、今は+が必要なくなってbdbだけで展開できるようになりました。なので++とするとセレクタがないものを２つ続けるという意味になって空白が空くのだと思います。

colorの方はなんででしょうね…私の環境でもc#5単体では動くのですが、どちらかに+がつくと展開できなくなります。解決方法を探しても見つからなかったので、もしかしたら vscode のバグかもしれません。issuesで聞いてみるのがいいかも。

投稿2019/02/25 05:32

編集2019/02/25 08:23