「Javascript/reactnative/インストール」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→expo-cliをインストール) |
(→nodejsをインストール) |
||
(同じ利用者による、間の5版が非表示) | |||
行4: | 行4: | ||
$ node --version | $ node --version | ||
v14.3.0 | v14.3.0 | ||
+ | |||
+ | ==既にnpmが入ってる場合== | ||
+ | package.jsonに入ってるライブラリを以下コマンドで入れる | ||
+ | $ npm install | ||
==開発環境インストール== | ==開発環境インストール== | ||
行12: | 行16: | ||
npm install -g expo-cli | npm install -g expo-cli | ||
yarn add expo | 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をインストール== | ==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