React - VS codeの環境設定
React ・プログラミング初心者必見!
の割には、自分の記録用って感じなので、申し訳ないですがめっちゃシンプルにやったことだけ書きます。
Udemyで React を1から本格的に勉強しようと取り組み始めたところです!
参考:The Ultimate React Cource 2023: React, Redux & More
拡張機能の追加
ESLint
Prettier
One Monokai Theme
Material Icon Theme
設定
Auto Save (自動保存) にする
default format を Prettier - Code formatter にする
format on save をオンにする
EsLint :Run を onSaveにする
ターミナル
node -v で nodeのバージョンを確認(18以上であることを確認)
新しいプロジェクトをするフォルダーに入り、以下のコードをrunすると、Reactのプロジェクトが作られる
npx create-react-app your-project-name
npm run start で、ブラウザにプロジェクトのUIを表示させる
この記事が気に入ったらサポートをしてみませんか?