VSCodeの設定変更手順

VSCodeの設定変更手順

VSCodeのESLint拡張により、ソースコードの自動整列が効かなくなった。
そのため拡張機能を変更したのでメモ。

1.拡張機能Prettierを無効にする
2.拡張機能stylelint-plusをインストール
3.settings.jsonの設定を下記のようにする

"editor.codeActionsOnSaveTimeout": 2000,
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
},
"editor.formatOnSave": false,
"stylelint.autoFixOnSave": true,

※すでに同じ記述がある場合には、それを削除

formatOnSaveをtrueにしたい場合は下記参照
https://qiita.com/y-w/items/bd7f11013fe34b69f0df#vs-code%E3%81%AE%E8%A8%AD%E5%AE%9A