はじめに
Bash on WindowsでReact.jsを入れるとこまで備忘録も兼ねて書きました
手順
- Bash on Windowsのインストール
- nodejsのインストール
- Yarnのインストール
- create-react-appのインストール
- パスを通す
- tmuxのインストール
Bash on Windowsのインストール
Microsoft store->検索->ubuntu->インストール
どっかでしくじったりしたらアンインストールして再インストールすればまっさらな環境から再スタートできます
タイトルバー(ウインドウの一番上のやつ)を右クリック->プロパティ からフォントや不透明度などを設定できます。
nodejsのインストール
[最先端から] WindowsでRuby/node環境 [逃げない]
を参考に
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt install nodejs
node -v
v8.11.1
Yarnのインストール
Yarn公式の手順に従う
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get update && sudo apt-get install yarn
yarn -v
1.6.0
create-react-appのインストール
yarn global add create-react-app
パスを通す
上記のみだとパスが通らなかったので、
create-react-app:command not found
と出た。
を参考に、~/.profile
に
PATH="$PATH:`yarn global bin`"
を追加して
source ~/.profile
[2018/12/16追記]
bash on ubuntu on windows起動時に~/.profile
が読み込まれない問題
ここを参考に、
bash on ubuntu on windowsのアイコンを右クリック-> プロパティ -> 「ショートカット」タブの「リンク先」の欄に--login
を追記して適用
すると起動時に~/.profile
を読み込んでくれる
tmuxのインストール
ローカルサーバー起動しつつファイル編集するために複数窓を扱えるtmuxを入れます。
sudo apt install tmux
開発開始!!
create-react-app my-app
cd my-app
yarn start
最後に
tmux入れると複数窓扱えて便利です