前提

1
2
3
4
5
6
7
8
$ node -v
v10.12.0

$ yarn -v
1.10.1

$ create-react-native-app --version
create-react-native-app version: 2.0.2

インストール:node

1
2
3
4
$ sudo apt install -y build-essential

$ wget -qO- https://deb.nodesource.com/setup_10.x | sudo -E bash -
$ sudo apt install -y nodejs

インストール:yarn

1
2
3
4
$ sudo apt-get install gcc g++ make
$ curl -sL 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 update && sudo apt install -y yarn

インストール:create-react-native-app

1
$ yarn global add create-react-native-app

使ってみる

1
2
$ create-react-native-app my-react-native-app
bash: create-react-native-app: コマンドが見つかりません

PATH通ってなかった

1
2
3
4
5
6
7
8
9
$ find /home -name create-react-native-app
/home/vagrant/.config/yarn/global/node_modules/create-react-native-app
/home/vagrant/.config/yarn/global/node_modules/.bin/create-react-native-app
/home/vagrant/.yarn/bin/create-react-native-app

$ ls -l /home/vagrant/.yarn/bin/
lrwxrwxrwx 1 vagrant vagrant 67 10月 16 18:15 create-react-native-app -> ../../.config/yarn/global/node_modules/.bin/create-react-native-app

$ echo 'PATH="$PATH":~/.yarn/bin/' >> ~/.bash_profile

Terminal再起動後

1
2
$ create-react-native-app --version
create-react-native-app version: 2.0.2

使ってみる（2回目）

ここで、create-react-native-app my-react-native-appとかをそのまま実行すると、expo-cliをインストールするか聞いてきますが、そこでインストールしようとすると、/usr/local/binだかにインストールしようとして、rootじゃないのでpermissionエラーになります

先にyarn addしといてあげると、そっちを見てくれるようになるので、以下のコマンドでインストールします

1
2
3
4
5
6
7
$ yarn global add expo-cli

$ ls -l /home/vagrant/.yarn/bin/
合計 4
lrwxrwxrwx 1 vagrant vagrant 67 10月 16 18:15 create-react-native-app -> ../../.config/yarn/global/node_modules/.bin/create-react-native-app
lrwxrwxrwx 1 vagrant vagrant 48 10月 16 18:15 expo -> ../../.config/yarn/global/node_modules/.bin/expo
lrwxrwxrwx 1 vagrant vagrant 52 10月 16 18:15 expo-cli -> ../../.config/yarn/global/node_modules/.bin/expo-cli

これで準備完了です

1
2
3
4
5
6
7
8
9
10
11
12
$ create-react-native-app my-react-native-app

? Choose a template: blank

[18:45:25] Extracting project files...
[18:45:27] Customizing project...

Your project is ready at /path/to/my-react-native-app
To get started, you can type:

  cd my-react-native-app
  expo start

expo startしろって書いてあるのでします

1
2
$ cd my-react-native-app
$ expo start

これで、CUIにはでっかいQRコードが表示され、19000ポートだかにブラウザでアクセスすると何か見えるようになります