Windowsはこちら
1. homebrewとnodebrewのインストール
homebrewをインストールする(入っていればやらなくていい)
% /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" % brew -v
nodebrewをインストール
% brew install nodebrew
以下のコマンドでバージョンが表示されればOK
% nodebrew -v
nodebrew 1.1.0
2. node.jsのインストール
インストール可能なバージョンの表示
% nodebrew ls-remote
今回は試しに以下のバージョンをインストール
% nodebrew install 12.16.1
% nodebrew use v12.16.1
% nodebrew ls
currentがv12.16.1となっていればOK
※Node.jsのインストール時に以下のようなエラーが出た場合
Fetching: https://nodejs.org/dist/v7.10.0/node-v7.10.0-darwin-x64.tar.gz
Warning: Failed to create the file
Warning: /Users/whoami/.nodebrew/src/v7.10.0/node-v7.10.0-darwin-x64.ta
Warning: r.gz: No such file or directory
curl: (23) Failed writing body (0 != 941)
download failed: https://nodejs.org/dist/v7.10.0/node-v7.10.0-darwin-x64.tar.gz
フォルダがないので、以下のコマンドを実行してフォルダを作成する
% mkdir -p ~/.nodebrew/src
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Tm9kZS5qcyVFMyU4MSVBRSVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MSVBQiVFNSVBNCVCMSVFNiU5NSU5NyVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5OSU4MiVFMyU4MSVBRSVFOCVBNyVBMyVFNiVCMSVCQSVFNyVBRCU5NiVFRiVCQyU4OE5vJTIwc3VjaCUyMGZpbGUlMjBvciUyMGRpcmVjdG9yeSVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MjRmM2VlZjY0MTk0NzkxZjkyYjUyYjMzOGE3Yjc5ZTE&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5bjAxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jZTg2MGU4ZDEzYWU0MDMwNDYxYzg5ZTIzYjQ2MjIxZQ&blend-x=142&blend-y=486&blend-mode=normal&s=550986d3a27a6587b7869671513de4f2)
Node.jsのインストールに失敗する時の解決策(No such file or directory) - Qiita
nodebrewを使ってNode.jsのインストールに失敗した時の解決策です。#Node.jsのインストールに失敗HomebrewでNode.jsをインストールする場合、バージョン管理のできるn…
3. PATHを通す
shellの種類を確認する
% echo $SHELL
- zshの場合(/bin/zsh)
ホームディレクトリのシェルのプロファイルを確認
% ls -la | grep .zsh
.zsh_profileか.zshrcか.zprofileがあるのであるやつの一番下に以下コマンドで追記する
% echo 'export PATH=$PATH:$HOME/.nodebrew/current/bin' >> ~/.zshrc
% source ~/.zshrc
以下のコマンドで.nodebrew/current/binを含むディレクトリがあればおk
echo $PATH
- bashの場合(/bin/bash)
コマンドはほとんど同じだが.zshrcとなっているところが.bash_profileまたは.bashrcとなる
パスが通ってるかの最終確認のため、コマンド打ってみる
% node -v
バージョンが表示されること
% which node
先程追加したパスが表示されること(nodeコマンドが置いてある場所を指している)
4. create-react-appする
試しにサンプルプロジェクトを作成してみる。以下はVSCode
というフォルダの下にreact-sampleというプロジェクトを作成する例
プロジェクトを生成するディレクトリに移動する
% cd ~/VSCode
% npx create-react-app react-sample
5. IDEから開いてbuildする
IDEでターミナルを開いて以下のコマンドを入力
% npm run build
% npm start
ブラウザが開いて初期画面が表示される
![](https://tokku-engineer.tech/wp-content/uploads/2021/12/cb3b0d3c1b3da2eefadf149021f089b1-1024x903.png)
done!
コメント