1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ESlintとPrettierをVSCodeで

Posted at

##ESlintとは

  • 構文解析&コードフォーマットツール
  • コードフォーマット機能はPrettierの方が優秀
  • 設定ファイルは.eslintrc.js
  • 設定できる項目が大量にある
    • 関連するプラグインがたくさん出ているので、設定ファイルに細かく指定しなくてもプラグインがよしなに設定してくれる

##Prettierとは

  • コードフォーマッター
  • ESlintよりフォーマットの精度が高い
  • 細かく設定をしなくてもいい感じにしてくれる。
  • 構文チェックの機能は無い
  • 設定ファイルは.prettierrc.js

##VSCodeとの連携
各種拡張機能を入れることで、.eslintrc.js.prettierrc.jsで設定したルールに従い、問題がある箇所に下線を引いたり、ショートカット一発ですぐに整形することができるようになります。

##参考

1
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?