eslintとprettierの競合が修正できぬ? (vscode)
問題
(1) 1行を80文字以内に収めたいので、eslintに以下の設定をしました。
max-len: [2, { "code": 80 }]
(2) 次に以下のコードを書いたら、91文字だったためエラーが発生。
import CountryFlagFromCurrency from '~/src/components/atoms/icons/CountryFlagFromCurrency';
(3) よしなに改行をいれる
import
CountryFlagFromCurrency
from '~/src/components/atoms/icons/CountryFlagFromCurrency';
(4) 保存しようとしたら謎の力によって元の姿に整形され詰む。
import CountryFlagFromCurrency from '~/src/components/atoms/icons/CountryFlagFromCurrency';
修正案1 prettierをいじる
prettierが邪魔してるのだと思い、.prettierrc.yml
に以下を追記
printWidth: 80
結果 : なおらず。。。
修正案2 vscodeのsettingsを探る
(1)ちょっとよくわからなくなったので、とりあえずvscodeのsettingsでmaxと検索したらMax Column
が引っかかる。
(2) MiniMapって、今表示しているコードがファイル全体のどの位置にあるか表示してくれるエディタの脇にでてくるあれだよな、、、と思いながら、Mac Column
を80にしたら解決しました。
結論
コード整形なのでeslintかprettierかと思いきやMiniMapの設定のせいで改行できなかったようです。正しい設定かあまりわかってませんが、、、とりあえずこれで解決したのでこの形で進めていきます。。。
Author And Source
この問題について(eslintとprettierの競合が修正できぬ? (vscode)), 我々は、より多くの情報をここで見つけました https://qiita.com/gano/items/62a5a930d62304c5325e著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .