フロント入門-React環境構成

nodejs

をインストールします.

npmをインストールする

国内ミラーソースリスト

加速npm

react

をインストールします.
ここでは一番近い先端学習過程を記録するつもりです.
nodejsをインストールします
まず公式文書を見ます.nodejs公式インストールガイド
Ubuntuに以下のように取り付けます.

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs

npmの取り付け
npmの公式サイト

sudo apt-get install npm

しかし、npm速度が遅すぎて、taobaoと同じミラーソースアドレスを作成したソリューションがあります.

http://npm.taobao.org/

国内ミラーソース一覧

   registry.npm.taobao.org    r.cnpmjs.org        .
   npm.taobao.org      : cnpmjs.org@
       Node.js@  .
    : http://npm.taobao.org/mirrors
Node.js   : http://npm.taobao.org/mirrors/node
alinode   : http://npm.taobao.org/mirrors/alinode
phantomjs   : http://npm.taobao.org/mirrors/phantomjs
ChromeDriver   : http://npm.taobao.org/mirrors/chromedriver
OperaDriver   : http://npm.taobao.org/mirrors/operadriver
Selenium   : http://npm.taobao.org/mirrors/selenium
Node.js     : http://npm.taobao.org/mirrors/node/latest/docs/api/index.html
NPM   : https://npm.taobao.org/mirrors/npm/
electron   : https://npm.taobao.org/mirrors/electron/
node-inspector   : https://npm.taobao.org/mirrors/node-inspector/

加速npm
cnpmをインストールする方法:

npm install -g cnpm --registry=https://registry.npm.taobao.org

これはcnpmをインストールする方式です.npmの代わりにこれを使えばいいです.
またはnpmのソースアドレスを変更します.

npm config set registry https://registry.npm.taobao.org

モジュールがないと発見された場合、同期できます.

cnpm sync connect

reactをインストール
react公式サイトのアドレス:react公式サイトは詳細なインストール案を提供しています.

npm install -g create-react-app
create-react-app my-app

cd my-app
npm start

次に現れます

Compiled successfully!

You can now view my-app in the browser.

  Local:            http://localhost:3000/
  On Your Network:  http://172.17.142.115:3000/

Note that the development build is not optimized.
To create a production build, use npm run build.

アクセス:http://localhost:3000/が見られます.