More than 3 years have passed since last update.

Styled-componentsでEmmetが効かない

Posted at 2020-01-09

めちゃくちゃ単純なことにハマったのでメモ。

症状

const Name = styled.div `
  display: block;
`

を書きたいとして、Emmetの補完が効かない。具体的には、

const Name = styled.div `
  db
`

で Tabを押すと

const Name = styled.div `
  <db>
`

になってしまう。

settings.jsonに

"emmet.includeLanguages": {
  "typescriptreact": "css",
  "javascriptreact": "css"
}

を追記すれば解決。