今日やること
環境構築
NodeJS バージョン固定
$ nvm ls
$ nvm install 9.0.0
$ nvm use 9.0.0
$ nvm alias default 9.0.0
nodeパッケージ管理を NPM から YARN に切り替える
まず yarn について調べる...。
- Yarnとnpmの違い
https://www.webprofessional.jp/yarn-vs-npm/ - 日本語ドキュメント
https://yarnpkg.com/ja/
| npm | yarn | |
|---|---|---|
| 依存ファイルのロック | 明示的に npm shrinkwrapが必要 |
常に yarn.lock を生成 |
| 並行インストール | シーケンシャル | パラレル（速い） |
| 出力 | 冗長 | 最適化 |
| 互換性 | 洗練されたデフォルトといった感じ (add, why ...etc) |
...良さそうですね。
「何をためらっているのですか？」と煽ってるぐらいなので使ってみます。
自分は nvm を使用しているので以下のコマンド。
$ brew install yarn --without-node
https://yarnpkg.com/ja/docs/install#alternatives-tab
npm install は代替手段として提供されているが、yarnを使用する理由の一つとして、セキュリティ上正しいパッケージがインストールされない可能性があるため推奨されないとのこと。
brew で yarn インストール失敗
色々環境が古すぎる。
ruby 2.4.2に更新
$ brew update
$ brew upgrade ruby-build
失敗
rubyの元のパスを変更
sudo mv /usr/bin/ruby /usr/bin/ruby2.0.0
$ rbenv install --list
$ rbenv install 2.4.2
$ rbenv global 2.4.2
$ rbenv versions
切り替わってない。
~/.ruby-version
2.4.2
切り替わった！
packageインストール済みな環境であれば カレントディレクトリで yarnを実行すると yarn.lockファイルが生成される。
できたので、react-create-app アプリ名で作成した環境に移動。
$ react-create-app karma
$ cd karma
$ yarn start
起動した。簡単だ。
バージョン管理
$ git init
```text:.gitignore
# dev tools
/.idea
npmモジュールの追加
必要そうなものをざっと記述
グローバル
yarn global add serve
- serve ( http-server なども有るが、create-react-app の指名なので）