% npx -v 
6.13.4

 

 

% node -v
v12.14.1

 

% npm -v
6.13.4

 

% npm install -g yarn
% yarn -v
1.22.19

 

% npm install -g n

 

% nodebrew ls-remote

・・・ 

v18.0.0   v18.1.0   v18.2.0   v18.3.0   v18.4.0   v18.5.0   v18.6.0   v18.7.0
v18.8.0   v18.9.0   

io@v1.0.0 io@v1.0.1 io@v1.0.2 io@v1.0.3 io@v1.0.4 io@v1.1.0 io@v1.2.0 io@v1.3.0
io@v1.4.1 io@v1.4.2 io@v1.4.3 io@v1.5.0 io@v1.5.1 io@v1.6.0 io@v1.6.1 io@v1.6.2
io@v1.6.3 io@v1.6.4 io@v1.7.1 io@v1.8.1 io@v1.8.2 io@v1.8.3 io@v1.8.4 

io@v2.0.0 io@v2.0.1 io@v2.0.2 io@v2.1.0 io@v2.2.0 io@v2.2.1 io@v2.3.0 io@v2.3.1
io@v2.3.2 io@v2.3.3 io@v2.3.4 io@v2.4.0 io@v2.5.0 

io@v3.0.0 io@v3.1.0 io@v3.2.0 io@v3.3.0 io@v3.3.1 

 

% nodebrew install-binary latest
Fetching: https://nodejs.org/dist/v18.9.0/node-v18.9.0-darwin-x64.tar.gz
########################################################################################################################### 100.0%
Installed successfully

 

% nodebrew ls
v8.1.3
v8.12.0
v8.13.0
v10.0.0
v10.10.0
v12.11.1
v12.14.1
v15.7.0
v18.9.0

current: v12.14.1

 

% nodebrew use v18.9.0
use v18.9.0

 

%　vi ~/.bash_profile

追加
# nodeコマンド、npmコマンドへのパスを通す
export PATH=$HOME/.nodebrew/current/bin:$PATH

 

% source ~/.bash_profile

 

$ node -v
v18.9.0

 

$ npm -v
8.19.1

 

% npm install -g npm@8.19.2

 

$ cd react-firebase-twitter-clone
$ npx create-react-app react-firebase-twitter-clone

・・・

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd react-firebase-twitter-clone
  npm start

Happy hacking!

 

$ yarn start

VS Codeの拡張機能

• 「ES7 React/Redux/GraphQL/React-Native snippets」
• 「Prettier – Code formatter」

をインストール

$ yarn add @mui/material @emotion/react @emotion/styled
$ yarn add @mui/icons-material