【日本一わかりやすいTypeScript入門】ESLintとPrettierでコードの品質を高めよう 

お手軽で凄く良い感じだ。。いきなりCIツール使うんじゃなくてこれで感覚掴ませてから本格的にCIツールの方が初心者分かりやすそう。この説明方法新入社員の研修でいただきます🙇‍♂️

丁寧な説明付けの動画、ありがとうございます。 各種設定ファイルを説明できるようになるために、やったことがあれば知りたいです！ ドキュメントを隅々まで読んでから、自分の環境で一つ一つ試してみた感じでしょうか??

いつもわかりやすい動画ありがとうございます。勉強させてもらっています。 PrettierはVSCodeでファイルを保存する際に実行する派です。 理由は、インデントなどを気にせずコーディングしても サクッと整形されるのは コーディングしていて気持ちいいからです。 加えて、簡単な構文チェックが入るのも助かっています。カッコの対応関係、【;】、【,】間違いなどがあると 整形が効かないのですぐに気づけます。 あと自分は.prettierrcは作成せず 全てデフォルト値でやっています。結構たくさんプロジェクトを作成することもあり、いちいち設定ファイルを作成するのが単純に面倒なのと、 コーディングスタイルに対して こだわりや迷いから開放されたことで かなりストレスを軽減することができたためです。

2021/02/18時点で、husky@5.0.9に不具合があるみたいなので、1度アンインストールして、4.3.8をインストールするようにしてください。 npm uninstall husky npm install -D husky@4.3.8

大変参考になりました！ 私はprettierを保存時に実行する派です 理由はまだマークアップのインデントを気にしている時間があるので保存時に走らせるようにしてます！

husky でエラーになる件ですが、単純に git init よりも前に husky をインストールしているからなのかと思いました。 .git フォルダがない状態で husky をインストールしても.git フォルダが作成されないので、こうなってしまうのかと。 私の手元で以下の 2 パターン試してみましたが、以下のような挙動の差がありました 1. git init より前に husky をインストール: .sample ファイルしかない状態になった 2. git init してから husky をインストール: husky.sh などが生成される バージョンや環境の違いでこの辺の挙動に差があるのかも知れませんが、バグなのかどうかはちょっと疑問です。

eslint-config-prettierですが、現時点の最新の"8.0.0"はエラーになります。git-hubの通り"^7.1.0"を入れると動きました メジャーアップデートで仕様変わったんでしょうね

保存時実行に１票 コード見るのも楽になるからです でも、最後の`;`は邪魔なことが

たぶん次の実践動画行く前に前回と今回の動画で挫折する人多いと思います^^; もう少し初心者寄りの最低限の設定だけの説明動画も作った方が良い気が…笑

質問失礼致します。 動画 19:00 の　npm run lint-fix　を実行した際、以下のようなErrorが出ます。 Oops! Something went wrong! :( ESLint: 7.20.0 ESLint couldn't find the config "prettier/@typescript-eslint" to extend from. Please check that the name of the config is correct. 解決方法を模索したのですが未だ解決出来ていません。 誤字脱字等精査したところ見当たりませんでした。 懸念点としては.prttierrcを.prttierrc.jsonにしてファイルを作らなければうまくファイルを作成できない点です。 助言して頂けると有り難いです。

vscodeの拡張機能使うんだったら全員その設定を同じにしておかないと他の人が作ったファイルいじるときに変な差分でてしまう気がするのですが。個人でやる分には問題ない気がしますが。っていう理解なんですけどこれ合ってますかね

お世話になっております。 18:51のあたりのコマンド入力で Oops! Something went wrong! :( ESLint: 7.24.0 No files matching the pattern "'./src/**/*.{js,ts}'" were found. Please check for typing mistakes in the pattern. npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! ts-basic@1.0.0 lint-fix: `eslint --fix './src/**/*.{js,ts}' ` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the ts-basic@1.0.0 lint-fix script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: というエラーを吐いて行き詰っています。 エラー文では'./src/**/*.{js,ts}'にマッチするファイルが無いといっているのですが、 何度確認しても間違いを発見できません。 なにか別のアプローチがあるのでしょうか。 環境 windows10 powershell visual studio code ディレクトリ場所Dドライブ