vue-cli eslint

Question

https://qiita.com/567000/items/dde495d6a8ad1c25fa43

vue-cliでvueの学習をしているのですが、eslintというモジュール?なのですかこれは
これのせいで、空白やインデントのことで色々言われてビルドしづらく、困ってます...

node_modulesからeslint系の物を消したりしてみたのですが、Error: Cannot find module 'eslint-friendly-formatter'という風に言われてこれはこれでビルドできませんでした...

これを無効化しつつビルドできるようにするにはどのようにしたらよろしいでしょうか...

Answer 1

空白やインデントのことで色々言われてビルドしづらく、困ってます...

eslint を無効化する方向性は間違っています。
適切なエディタを選び、設定も適切に行い、整形できるようにするのが正しいです。

Comments

[退会済みユーザー]

回答ありがとうござます...
私はvscodeの拡張機能のjs-css-html formatterっていうのを使っているのですが、整形はこれで一応正しくてきてると思いたいです...
ただこれは一個一個の段落のインデントを自動で半角の空白4っつでつけるようになってて...
eslintは半角２つにしなきゃいけないみたいで相性が悪いみたいなのです

[退会済みユーザー]

回答にも書いたけど、設定を適切に。

[退会済みユーザー]

わかりました
.eslintrc.jsというファイルに、rulesなどの項目がありました
こちらで設定してみるっていうのも後々試してみます
回答ありがとうございました

Answer 2

vue init webpack my-project

で初期化されたようでしたらconfig/index.jsの中に

useESlint: true,

という部分があるかと思いますのでこれを false にすると無効になるかと思います。

node_modulesを削除しても再度installされますので、
本来削除を行う場合は npm uninstall を行う必要があります。

またnpm uninstall によって package.jsonから削除した場合でも実行コードを無効にしない限りパッケージがないというエラーが発生してしまいます。

Comments

[退会済みユーザー]

ありがとうございます(T_T)
試してみます

Answer 3

Webpackのconfigから'eslint-loader'を探して、そのブロックを消しましょう（参考）。なお、

node_modulesからeslint系の物を消したりしてみたのですが

package.jsonから消さずにnode_modulesだけ改変しても、それはシステムを動かなくさせるだけです。

Comments

[退会済みユーザー]

回答ありがとうございます！
falseにするってのを試してみようかと思います...