スポンサーリンク

【React】新規プロジェクト作成、起動方法メモ

React
スポンサーリンク

Node.jsをダウンロード

reactを使うにはまず、Node.js(JavaScript環境)をダウンロード。

公式ページから最新版(推奨版でもOK)をダウンロードする。

Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

Node.js を使わなくても、ダウンロードが必要。

プロジェクト作成

facebookコミュニティが提供するプロジェクト(ツール)を利用。

GitHub ページを参照

GitHub - facebook/create-react-app: Set up a modern web app by running one command.
Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub.

インストールを終了したら、コマンドを開いて

nmp install -g create-react-app
create-react-app my-app 

これで my-app というフォルダが作成され、その中に必要なファイルが自動でインストールされる。

my-app は任意のフォルダ名(プロジェクト名)。

プロジェクト開始

アプリケーションの起動

アプリケーションの起動には、毎回コマンドで指示。

cd my-app
npm start

my-app のところが、指定するプロジェクト名。

以下のような画面が表示されればOK。

アプリケーション終了

終了する際は、ctrl / command + C

UdemyでReactを学習中

【教育・学習】資格・学習
総合情報サイト「コレダ!」がお届けする教育・学習における資格・学習の総合情報サイトです。

コメント