「Javascript/reactnative/インストール」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==nodejsをインストール== Javascript/nodejs/インストール [ショートカット] ==参考== https://qiita.com/dq-jiyoung-lee/items/e3f2be287bb89f788d28」) |
(→nodejsをインストール) |
||
(同じ利用者による、間の11版が非表示) | |||
行1: | 行1: | ||
==nodejsをインストール== | ==nodejsをインストール== | ||
[[Javascript/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 | 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