Visualstudioコード

Prettier / VSCodeEslintの奇妙なフォーマット/構文違反のバグ



Prettier Vscode Eslint Weird Format Syntax Breaking Bug



解決：

私にとっての問題は、Beautify拡張機能が.jsファイルであり、JSX構文の処理方法がわかりませんでした。

解決策は、BeautifyがJavascriptファイルをフォーマットしないようにすることでした。



これを行うには、VSCodeのユーザー設定に次の設定を追加する必要があります（ctrl + shift + pを使用して選択してアクセスできます）環境設定：ユーザー設定を開く）：

'beautify.ignore'：['**/*。js'] 
VSCodeでESLintとPrettierを一緒に使用すると同様の問題が発生しました。何十もの方法を試した後、次の構成が機能します。
 
 
 
ESLintとPrettierは私のマシンにグローバルにインストールされています。
 
私はこれらの拡張機能を使用しています：
 
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
 
 
 
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
 
私の.eslintrc.jsonファイルは次のようになります。
 
{'env'：{'browser'：true、 'commonjs'：true、 'es6'：true}、 'extends'：['eslint：recommended']、 'parserOptions'：{'sourceType'： 'module'} 、 'ルール'：{'インデント'：['エラー'、4]、 '引用符'：['エラー'、 'シングル']、 'セミ'：['エラー'、 '常に']、 'コンソールなし'： 'オフ' }
}
 
VS Codeで、 設定>設定>ユーザー設定 次の行を追加します。
 
'editor.formatOnSave'：true、 'prettier.tabWidth'：4、 'prettier.eslintIntegration'：true、 'prettier.stylelintIntegration'：true
わたし いいえ eslint-config-prettierまたはeslint-plugin-prettierを使用すると、すべてが正常に機能します。
 
  重要： 他の自動フォーマッタ（Prettier以外）拡張機能がインストールされていないことを確認してください。