Vscode使用時にVueの整形ルールがごっちゃになるのをどうにかしたい - Qiita

はじめに vscodeでvueの開発をしているときに、しばしばコード整形ルールが競合を起こしておかしな形で整形されエラーや警告だらけになってしまう。 自分の場合、慣例的にGoogle JavaScript Styleを採用しているので更にややこしいことになってしまっている。 特に困るのが以下の問題である： シングルクオートにならない 配列の末尾にカンマが入らない 行の終わりのセミコロンが消える <template>内のタグの属性が同じ行になってしまう 結論 結論から先にいうと、vscodeのprettierがeslintの値を読まないのが原因だった。eslintのprettier/prettierの値と同じ内容の.prettierrc.jsを作成することで解決できた。 <template>タグ内の整形ルールがおかしいのはprettierのバグのようなのでoffで無効化し、eslint-pl