3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【CentOS7】Reactの環境を簡単に構築する

Posted at

はじめに

CentOS7の環境でReactの環境構築がかなり簡単に出来ました。
とりあえずReactを使ってみたい人向けになります。

まずはアップデート。

sudo yum update

node.jsとnpmのインストール。

sudo yum install nodejs npm

npmとnode.jsのバージョンを確認する。

npm -v
# 3.10.10
node -v
# v6.17.1

nパッケージをインストール

このバージョンだと古く、Reactの環境構築がうまくいかないので、新しいバージョンにする必要がある。
そのために、nパッケージをインストール。
※nパッケージをインストールするのにnpmとnode.jsが必要なので、上で古いバージョンをとりあえずインストールしています。

sudo npm install -g n

nを用いてnpmとnode.jsの新しいバージョンをインストール

n stable

古い方のnode.jsとnpmはいらないのでアンインストールする

sudo yum remove nodejs npm

再度ログインを行う

exec $SHELL -l

バージョンを確認

node -v
# v14.17.3
npm -v
# 6.14.13

開発用のディレクトリを作成

mkdir react

ディレクトリの移動

cd react

create-react-appを行う

create-react-appを用いて「project-name」という名前のプロジェクトを作成

npx create-react-app project-name

作成されたプロジェクトに移動

cd project-name

プロジェクトを実行

npm start

このような画面が出れば成功です。
スクリーンショット 2021-07-25 185526.png

以上で環境構築完了です。
自分が想定したよりもかなり楽でビックリしました。
とりあえず環境は出来たので、色々と試していこうと思います。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?