prettierで整形した結果、ESlintで引っかかってしまう。

Question

エディタはVSコードを使っています。
main.jsをセーブしたときに、prettierによってコードが自動成形されるのですが、成形された結果、ESlintによってエラーを検知してしまいます。
自分の環境では、vue cliにて作成したプロジェクトにコードを書いているのですが、VSコードの拡張機能でprettierを入れています。
ESlintは、vuecliでプロジェクトを作成したときに自動的に組み込まれている認識です。
ESlint単体では拡張機能や、インストールして使っていません。
何もしていない状態のmain.jsが下記です。

# main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

成形後のmain.jsが下記です。

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");

成形後、下記のエラーが出てしまいます。

これを解決するには、どのような手順を踏めば良いでしょうか??
ご教示ほど、よろしくお願いいたします。
イメージですと、プロジェクト内のeslintの設定を直す認識です。
そうなりますと、VueCliでプロジェクトを作成するごとにeslintの設定を直さなければいけないのでしょうか？？

Comments

[maisumakun]

両者で矛盾している箇所で、「どちらの設定を優先したい」でしょうか？

[fork_]

自動成形のほうを優先させたいですね。。

Answer 1

vuecliの立ち上げ時の設定で、ESLint with error prevention only
として、一時的に解決しました。。

Answer 2

.prettierrcで、
singleQuote false

.eslintrc.jsで、
"quotes": ["error", "double"]

などと引用符の種類を統一してはいかがでしょう？

Comments

[fork_]

ご回答ありがとうございます。
昨日そのファイルを探していたのですが、.prettierrc, prettierrc.jsのファイルの場所が分からずでした...
そのファイルは、どのパスに存在するものなのでしょうか？自分で作成するものなのでしょうか。。