vscode
Pocket

これは教えてもらったvs codeのプラグインで「vscode-styled-sort」というものです。

vscode-styled-sort

styled-componentsでcssを書いてる時のプロパティの順番を自動で変えてくれたらいいなと思って質問したら、教えてくれました。

使い方は簡単で、インストールして「cmd + shift + p」で出てきたテキストボックスに「styled-components: sort」と打ち込むと自動で並び替えてくれます。

ただし、CSSの指定でJSを使った分岐などを入れていたら、けっこうめちゃくちゃになってしまいます…。

自動整形かけるタイミングは自分でできるので、入れておいて損はないですが、シンプルにCSSだけで書いてるとこでしか力を発揮しないです。アプデに期待

Pocket

Category : Tag :