はしばみあきら blog

プログラミングアウトプットするブログ。202010スタート

【React】Reactを始める手順

ReactとNode.jsを掛け合わせようとして動かなくなる事件が発生した
サラにしてもう一度インストールしたので手順をまとめておくことにします

Homebrewのインストール

  • nodebrewをインストールするために導入
$ cd ~
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
$ brew -v

Homebrew が表示されればOK

nodebrewのインストール

$ brew install nodebrew
$ nodebrew -v

nodebrew が表示されればOK

Node.jsのインストール

  • 安定版を取得
$ nodebrew install-binary stable

この時インストールされたバージョンを適用する

$ nodebrew use vバージョン番号

環境パスを通す

ターミナルbashの場合

$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile

ターミナルzshの場合

$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile

ターミナルを一度再起動

npmのインストール

npmがあるか、もしくは最新かを確認

$ npm --version

6未満なら最新版に

$ npm install npm -g

プロジェクトの作成

pmのパッケージ(create-react-app)を導入し使用

$ npm install -g create-react-app
$ reate-react-app アプリ名

これでreactの環境は構築できるはずです。