React PJ をVisual Studio Code(VScode)で開き編集する

React PJ をVisual Studio Code(VSCode)で編集する方法です。
※VSCodeは事前にインストール済みの想定です。

Reactインストール&サンプルアプリダウンロード

# npx create-react-app my-app 

VSCodeで開く

code .を実行するとVSCodeが開きます。

# cd my-app/ 
# code .

React pj起動

VSCodeのターミナルから以下のコマンドで起動します。

# cd my-app/ 
# npm start

起動後にブラウザにPJが自動で表示されます。
試しに、src/App.jsを修正し、リアルタイムで変更が適応されることを確認します。

以上です!

コメント

タイトルとURLをコピーしました