環境構築からReact始めるメモ

後から手順起こしたりしてるので漏れなどあるかも。

環境/ツール

• Mac OS X Mojava 10.14.5
• anyenv 1.1.0
• nodenv 1.3.0
• node 11.1.0
• npm 6.9.0
• yarn 1.15.2

環境構築

anyenv

$ brew install anyenv 
$ echo 'eval "$(anyenv init -)"' >> ~/.bash_profile
$ exec $SHELL -l
$ anyenv --version
anyenv 1.1.0
$ anyenv install -l

nodenv

$ anyenv install nodenv
$ exec $SHELL -l
$ anyenv versions
$ which nodenv
/usr/local/anyenv/envs/nodenv/bin/nodenv
$ nodenv --version
nodenv 1.3.0

元々ndenvを入れようとしていたけど、古くてもう非推奨らしい

node

$ nodenv install 11.1.0
$ nodenv global 11.1.0
$ nodenv version
11.1.0 (set by /usr/local/anyenv/envs/nodenv/version)
$ which npm
/usr/local/anyenv/envs/nodenv/shims/npm
$ npm --version
6.9.0

React&Typescriptの準備

$ npx create-react-app hello-world --typescript
$ npm start

ブラウザが起動してサンプル画面が出るはず。
既存のnodeとかがあるとnode_modulesとかがコンフリクトしたりするので初期化する必要あり。

参考

• https://qiita.com/rinpa/items/81766cd6a7b23dea9f3c
• https://booth.pm/ja/items/1312652

圧倒的感謝！！