目標
-
create-react-app
のコマンド一つでReactのアプリが生成できるようにする
手順
nodebrewをインストールし、初期設定をします
$ brew install nodebrew
$ nodebrew setup
nodebrew用のパスをbash_profile
に追加し、読み込みます
$ cd
$ vi ~/.bash_profile
# これを追記してパスを通す
export PATH=$HOME/.nodebrew/current/bin:$PATH
# 読み込むのを忘れずに
$ source ~/.bash_profile
Node.jsをインストールします
$ nodebrew install-binary v7.4.0
# インストールされていればバージョンが表示されます
$ nodebrew ls
create-react-app
コマンドが使えるようにします
$ npm install -g create-react-app
実際にアプリを作ってみましょう
$ create-react-app アプリ名
アプリのディレクトリに移動して下記コマンドで実行します
$ npm start
下記の画面が表示されれば成功
素敵なReactライフを!
関連
- Reactの環境構築を最短で行う←ここ
- 【React】ToDoアプリを作ってみよう【前編】
- 【React】ToDoアプリを作ってみよう【後編】
- 【React】ToDoアプリを発展させよう【非同期処理】