React Native環境搭建

2022-08-01 21:39:14 字數 1948 閱讀 2448

1.3 環境搭建 (mac os)

1)安裝homblew,必要工具vpn

通過終端執行命令

ruby -e "$(curl -fssl "

安裝完畢,執行執行 blew -v 檢視版本號,確定是否安裝成功

2)安裝nodes.js

a.首先安裝 nvm ,nvm使你可以可以同時安裝多個版本的node.js,並且在這些版本之間輕鬆切換。

安裝- 終端命令輸入curl -o-  | bash

這個過程其實就是 去 把乙個  install script xi執行

加入下面內容

export nvm_dir="/users/cbf/.nvm"

[ -s "$nvm_dir/nvm.sh" ] && . "$nvm_dir/nvm.sh"  # this loads nvm

export android_home=~/library/android/sdk # 這個是你的sdks環境變數

然後進入 .nvm 資料夾下執行 ./install.sh 即可安裝成功

然後 nvm -v 檢視是否安裝成功

b.安裝node,終端安裝命令

nvm install node && nvm alias default node

用nvm ls-remote檢視版本,指定版本號安裝:

nvm install v0.12.18 && nvm alias default node

安裝完成後,通過 node 命令確定是否安裝成功

3)安裝watchman

在命令列中輸入brew install watchman,我們推薦安裝watchman,否則你可能會遇到乙個node.js監視檔案系統的bug。

4)安裝flow

如果你希望使用flow來為js**加上型別檢查,那麼在命令列中輸入brew install flow來安裝flow。

5)os開發環境準備

6)快速開始

由於眾所周知的網路原因,react-native命令列從npm官方源拖**時會遇上麻煩。請將npm倉庫源替換為國內映象:

終端-》

npm config set registry

npm config set disturl

npm install -g react-native-cli

init 專案命令

react-native init awesomeproject  #新建乙個專案

7)執行ios應用

$ cd awesomeproject

用xcode開啟ios/awesomeproject.xcodeproj並點選run按鈕。

使用你喜歡的文字編輯器開啟index.ios.js並隨便改上幾行。

執行android應用 ,乾巴巴的,給大家上張圖先

8)執行android應用

安裝指導:   安裝可能會有寫元件安裝不成功,多retry幾次。

$ cd awesomeproject

$ react-native run-android

使用你喜歡的文字編輯器開啟index.android.js並隨便改上幾行

按menu鍵(通常是f2,在genymotion模擬器中是⌘+m)然後選擇 reload js 就可以看到你的最新修改。

在終端下執行adb logcat *:s reactnative:v reactnativejs:v可以看到你的應用的日誌。

windows 下安裝環境未親自過坑,大家可以參見一下部落格嘗試

參考:

React Native環境搭建

本人用的是mac噢,所以環境都是以mac為標準 usr bin ruby e curl fssl 安裝node brew install node 安裝react native cli 本人用的是yarn yarn add global react native cli 到這裡我們就可以啟動乙個新的...

ReactNative環境搭建

開啟終端 brew install node 安裝node brew upgrade node 更新node,保證node版本在10.0以上,我用的12.8.0 brew install watchman 安裝watchman 安裝完node,設定npm映象 npm config set regis...

react native環境搭建

windows 1.需要安裝node.js,推薦安裝5.0以上的版本 2.安裝git 3.以管理員身份啟動命令列視窗 開啟windows作業系統安裝盤下的 windows system32資料夾,選擇cmd.exe以管理員身份執行。再輸入npm install g npm 2 來安裝npm2 4.如...