React native安裝教程以及使用的學習

一、環境搭建

如果英文好的可以檢視 react native官方文件 ,官方**會提供最新的安裝參考。

react native 主要依賴以下環境:

下面**結合詳細介紹下 react native 在 mac 環境下的安裝流程, 帶你一步步搭建環境, 執行 第乙個專案hello world.

注: 安裝過程請時刻保持翻牆狀態 !!!

1.1. 安裝xcode

1.2. 安裝node.js

1.3. 安裝homebrew

開啟 homebrew官網, 語言選擇簡體中文, 按照文件步驟進行安裝即可.

安裝完成後, 開啟終端, 輸入命令初始化 homebrew.

命令為:

1.4. 通過brew安裝watchman和flowreact native 包管理器使用了watchman ，flow是 facebook 公司出品的乙個型別檢查庫，它同樣被 react native 所採用.

如果安裝過程中遇到問題，你可能需要更新 brew 和相關依賴包, 使用的命令列： brew update brew upgrade. 如果出現錯誤，你需要修復本地的brew 安裝程式，brew doctor 可以幫助你找到問題所在。

安裝好homebrew 之後，依次執行以下命（比較耗時時）：

1.4.2 安裝watchman

1.4.3 安裝flow

1.5. 安裝react-native-cli命令列工具

接下來我們通過npm安裝反應母語-cli的命令列工具。在mac終端中輸入如下命令，其中-g表示全域性安裝。

sudo npm install -g react-native-cli

1.6. 安裝nvm

reace native 使用nvm管理不同的node和npm.

1.6.1 在終端輸入命令安裝nvm:

1.6.2 進入nvm檔案在終端依次輸入以下命令:

1.7. 建立專案

搭建好rn環境以後，我們來建立乙個helloworld專案。

首先在桌面上建立乙個名為 rn_demo 的資料夾

在終端進入建立的資料夾 (cd)

建立專案

1.8. 開啟專案並執行

二、react-native是目前主流的技術，待更新。

react native安裝筆記

作為乙個前端，第一眼看到react native官方 裡的一句話就被深深吸引住了 learn once,write anywhere 思想上不作絲毫的掙扎，說玩就玩，馬上拿起macbook搗鼓了起來，可是看似這麼簡單的乙個東西，弄起來還真的一堆問題，就在第一步安裝react native cli的時...

React Native 安裝使用

1 首先 執行 cmd r 輸入 powershell noprofile executionpolicy bypass command iex new object net.webclient downloadstring set path path allusersprofile chocola...

ReactNative電商專案教程 開篇

如果你具備開發經驗，千萬不要錯過，相信你很快就能上手。rn 教程開篇 概述 1 教程的由來 react native 簡稱 rn 是 facebook 發布的跨平台開發框架。rn 技術已經相對成熟，我們沒什麼理由拒絕使用 rn 搭建乙個完整的專案，我們公司使用 rn 技術已經將近2年了，rn 經受住...