見出し画像

React - VS codeの環境設定

React ・プログラミング初心者必見!
の割には、自分の記録用って感じなので、申し訳ないですがめっちゃシンプルにやったことだけ書きます。
Udemyで React を1から本格的に勉強しようと取り組み始めたところです!

参考:The Ultimate React Cource 2023: React, Redux & More 

https://www.udemy.com/share/108PTK3@YOqTscMlQG211dZnaNHc0kqA75n_qDfUn-KBHaEXSkmpp7vsuyyGggrDXIFcUHJnFQ==/


拡張機能の追加

  • 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を表示させる


この記事が気に入ったらサポートをしてみませんか?