【初学者】使用【create-react-app】引入React

create-react-app 是什么?

据说React开发的Facebook官方工具可以轻松构建React的开发环境。

设置使得可以使用create-react-app

我们将从这里开始设置,必须满足的条件是已安装node和npm。

    • homebrewをインストール

 

    •  →すでにインストール済 homebrew -vで確認

 

    nodebrewをインストール
brew install nodebrew
nodebrew -v
    nodeをインストール
nodebrew ls-remote       すべてのバージョンを一覧表示
nodebrew install stable    安定版をインストール
mkdir -p ~/.nodebrew/src   エラーが出たので実行
nodebrew ls バージョン確認
v14.5.0

current: none
nodebrew use v14.5.0
echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile  シェルがzshの場合

ターミナルを再起動する
node -v
v14.5.0                     バージョンが表示されれば完了
    npmをインストール → nodeと一緒にインストールされている
npm -v
6.14.5

现在可以开始准备使用create-react-app了。接下来我们将实际进行安装。

使用 create-react-app 来创建项目

cd projects   各自の開発環境に移動
npx create-react-app アプリ名
cd アプリ名
npm start     ローカルサーバーが立ち上がります
undefined

按照所写的,您可以编辑此屏幕以修改App.js!
现在您可以运行React了。

如果您能参考并赞同我的建议,我会感到非常高兴!

广告
将在 10 秒后关闭
bannerAds