facebook twitter hatena line email

「Javascript/reactnative/インストール」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(expo-cliをインストール)
(nodejsをインストール)
 
(同じ利用者による、間の4版が非表示)
行4: 行4:
 
  $ node --version
 
  $ node --version
 
  v14.3.0
 
  v14.3.0
 +
 +
==既にnpmが入ってる場合==
 +
package.jsonに入ってるライブラリを以下コマンドで入れる
 +
$ npm install
  
 
==開発環境インストール==
 
==開発環境インストール==
行13: 行17:
 
  yarn add expo
 
  yarn add expo
  
===expo clientアプリをインストール===
+
===expo clientアプリを端末にインストール===
 +
以下ストアから端末に入れる
 +
 
 
android
 
android
 
https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=www
 
https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=www
行21: 行27:
  
 
==react-native-cliをインストール==
 
==react-native-cliをインストール==
  npm install -g react-native-cli
+
  $ npm install -g react-native-cli
 +
$ react-native --version
 +
react-native-cli: 2.0.1
 +
react-native: 0.63.0
  
 
==参考==
 
==参考==
 
https://qiita.com/dq-jiyoung-lee/items/e3f2be287bb89f788d28
 
https://qiita.com/dq-jiyoung-lee/items/e3f2be287bb89f788d28

2020年10月2日 (金) 15:19時点における最新版

nodejsをインストール

Javascript/nodejs/インストール [ショートカット]

$ node --version
v14.3.0

既にnpmが入ってる場合

package.jsonに入ってるライブラリを以下コマンドで入れる

$ npm install

開発環境インストール

expo-cliとreact-native-cliがあるが、expo-cliのほうが簡単に構築できる。

expo-cliをインストール

Expoとは、React Nativeによるクロスプラットフォームアプリ開発の支援サービス

npm install -g expo-cli
yarn add expo

expo clientアプリを端末にインストール

以下ストアから端末に入れる

android https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=www

iphone https://apps.apple.com/app/apple-store/id982107779

react-native-cliをインストール

$ npm install -g react-native-cli
$ react-native --version
react-native-cli: 2.0.1
react-native: 0.63.0

参考

https://qiita.com/dq-jiyoung-lee/items/e3f2be287bb89f788d28