タイトル通り。vscodeとvuejsを使ってのlintの設定をprettierなしでやってみた。 tl;dr 環境 問題点 手順 .vueの構文チェックその1 vscode上での自動フォーマット .vueの構文チェックその2 rulesをカスタマイズ <template>のカスタマイズ <script>をカスタマイズ まとめ。 おまけ tl;dr 対象ファイルとpackage.jsonと.eslintrc.jsの対応表👇 構文チェック・自動フォーマット 対象ファイル npmライブラリ(package.json) .eslintrc.jsでのextends .vue(<template>) eslint-plugin-vue plugin:vue/recommended .vue(<script>) eslint eslint:recommended . js eslint eslint
![もうprettierで消耗したくない人へのvueでのeslint設定 - クソ雑魚エンジニアのメモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/0518cc92d7c51f711a890d7a02bcb8d9ccc07b77/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FK%2FKouchannel55%2F20190221%2F20190221202322.png)