搭建React的环境

首先

为了在项目中使用React并深入理解，我将自己进行环境设置，并写下此目的。

本次的構建方法如下。

1. 安装 nvm

1. 安装 node

安装 yarn

使用nvm来管理node的版本。
使用附带的npm来安装yarn。
使用yarn来管理软件包。
然后，使用yarn创建React项目的模板。

环境建设

前提

• WSL2でUbuntuを使用

• WSL2にUbuntuを使用する方法はご自身で調べてください。

(メモ：WSLを使う理由→　一般的に開発端末はWindows＆実際にデプロイする環境はLinux)

所有这些操作都将在WSL2的Ubuntu环境下进行。

$ cd ~ //念のため
$ sudo apt update
$ sudo apt upgrade
$ sudo apt-get install curl

// 以下のサイトに接続し、nvmの最新バージョンを確認する(次のコマンドで使用する)
//https://github.com/nvm-sh/nvm
// 0.39.2の箇所を確認した最新バージョンに置き換えてください
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.39.4/install.sh | bash
//Ubuntuを再起動
$ nvm -v 
$ nvm install v14.20.1 
$ node -v 
$ npm -v 
$ npm install -g yarn
$ npx create-react-app first-project
$ cd first-project
$ yarn start

使用浏览器连接到 http://localhost:3000，如果页面显示成功，则表示成功。”Ctrl” + “c” 终止。

NVM的小贴士

$ nvm ls-remote          // インストールできるnodeの一覧を表示
$ nvm install v14.20.1   //  指定したnodeのバージョンをインストールする
$ nvm install stable     //
$ nvm ls                 //インストールされているnodeのバージョン一覧を表示
$ nvm use 14            //使いたいnodeのバージョンに変更する
$ nvm alias default v18  // nodeのデフォルトバージョンを指定