1. 程式人生 > >React Native Mac配置指南

React Native Mac配置指南

步驟

按照React Native官網步驟一步步安裝,記錄如下

1.安裝Homebrew (按照官網 在命令終端輸入命令即可)

2.安裝nvm(node version manager),即Node.js的安裝下載器。

(1)命令終端->git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 —tags`(由於.nvm在目錄檢視下是不合法的命名方式,所以目錄檢視看不到該目錄,只能夠在命令列下進入)

(2)為Mac系統指明nvm.sh的位置

命令終端->source ~/.nvm/nvm.sh 或 . ~/.nvm/nvm.sh。

(3)新增系統目錄nvm

為避免每次都要指明nvm.sh的位置可以為命令終端新增啟動配置

*配置~/.profile

命令終端->touch ~/.profile

open -e !$

將會開啟profile檔案,新增

export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

*配置~/.bashrc(可不配置?)

步驟同上

3.安裝Node.js

既然上一步已經安裝好了nvm,現在就可以通過nvm安裝最新版的Node.js了。

命令終端->nvm install node && nvm alias default node

4.按照官網步驟,在命令終端一次輸入命令,安裝watchman, flow

(1)命令終端->brew install watchman

(2)命令終端->brew install flow

5.安裝React Navtive 客戶端

命令終端->npm install -g react-native-cli (npm: Node Package Manager)

6.Quick Start

OK!現在已經完全配置好了React Native,現在就可以用Native生成例項程式了!

命令終端->react-native init 工程名字

React Native就會在你的使用者根目錄下生成相應的工程,幷包含簡單的程式碼實現。

相關推薦

React Native Mac配置指南

步驟 按照React Native官網步驟一步步安裝,記錄如下 1.安裝Homebrew (按照官網 在命令終端輸入命令即可) 2.安裝nvm(node version manager),即Node.js的安裝下載器。 (1)命令終端->git clone https

react-native mac配置android遇到的問題

問題描述:說明一下我已經安裝了JAVA_HOME(雖然不知道多久安裝的) Error: JAVA_HOME  is set to an invalid directory,,,,,,,, //  這是一個無效目錄 Please set the JAVA_HOME vari

React Native環境配置之Windows版本搭建

services 就會 wrapper function 新建項目 之前 path ont 系統 接近年底了,回想這一年都做了啥,學習了啥,然後突然發現,這一年買了不少書,看是看了,就沒有完整看完的。悲催。然後,最近項目也不是很緊了,所以抽空學習了H5。自學啃書還是很無趣的

Windows版本搭建安裝React Native環境配置及相關問題

for undle 地址 data dmi tools github spa start http://www.cnblogs.com/aichenxy/p/5971613.html 此文檔整理參考地址: http://www.lcode.org/%E5%8F%B2%E4%

Windows版本搭建安裝React Native環境配置

jdk8 android cli 運行 cnblogs bject start 依次 user 1 安裝Chocolatey 打開cmd黑窗口 @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((n

史上最詳細Windows版本搭建安裝React Native環境配置

gin windows系統 adl 搭建環境 tools 想要 變量 rep home 說在前面的話: 感謝同事金曉冰傾情奉獻本環境搭建教程 之前我們已經講解了React Native的OS X系統的環境搭建以及配置,鑒於各大群裏有很多人反應在Windows環境搭建出現各種

react native環境配置

步驟 url 技術分享 alt 安裝路徑 yarn rep targe cnblogs 1. Python 2 註意,不要選擇3.0及以上的,還不成熟 安裝過程中一直 next就可以了,但是註意下圖,勾選添加到系統環境變量 安裝完之後cmd輸入 pytho

React-native 環境配置過程與搭建項目問題匯總

mac ack 安裝 key oid yarn style blog cli 首先,最好參照來源當然是來自於開源代碼本身的文檔: https://reactnative.cn/docs/getting-started/ 一、初始環境搭建 1.環境組件 由於從網上查

react-native 專案配置ts執行環境

#全域性安裝 create-react-native-app yarn global add create-react-native-app #建立專案  create-react-native-app  my-app #安裝ts依賴 yarn add typesc

React Native配置URL Scheme(iOS Android)

React Native之配置URL Scheme(iOS Android) 一,需求分析  1.1,需要在網站中開啟/喚起app,或其他app中開啟app,則需要設定URL Scheme。比如微信的是:weixin:// 二,URL Scheme介紹 2.1,URL Scheme是什麼?

最詳細React Native環境配置及專案初始化(2018-10-14)

注意配環境一定要全程使用穩定VPN工具,否則會浪費大量時間!!!相信我 一.截止到專案初始化之前也就是執行這條命令之前都按官網的方法就可以 https://reactnative.cn/docs/getting-started.html react-native ini

React Native佈局詳細指南

本文出自《React Native學習筆記》系列文章。 一款好的APP離不了一個漂亮的佈局,本文章將向大家分享React Native中的佈局方式FlexBox。 在React Native中佈局採用的是FleBox(彈性框)進行佈局。 FlexBox提供了在不同尺寸裝置上都能保持一

React-Native環境配置及除錯工具

一、基本環境配置 1、安裝Homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2、下載node.js:br

[深入剖析React Native]熱更新之react-native-pushy使用指南(IOS)

本文使用RN版本:0.33.0 準備工作 首先你應該有一個基於React Native開發的應用,我們把具有package.json的目錄叫做你的”應用根目錄”。 如果你還沒有初始化應用,請參閱開始使用React Native。 所以我們也假

[深入剖析React Native]熱更新之react-native-pushy使用指南(Android)

本文使用RN版本:0.33.0 準備工作 首先你應該有一個基於React Native開發的應用,我們把具有package.json的目錄叫做你的”應用根目錄”。 如果你還沒有初始化應用,請參閱開始使用React Native。 所以我們也假

最詳細的Windows版本搭建安裝React Native環境配置

這篇文章是轉載的,但是轉載的那篇文章顯示是轉載的,而且沒有表明是從哪裡轉載的,所以我就不標了。轉載這個主要是給自己看的……謝謝原作者!!!1、安裝Java這裡需要注意對環境變數的設定,可以根據Java -version來檢測一下,jdk最好是1.8以上2、安裝SDK這裡需要注

React Native Mac 環境搭建

開啟終端: brew install node 看到 輸入npm -v 後檢視安裝成功的node.js 然後執行 npm install -g react-native-cli 安裝react-native 命令列工具 react-native

給所有開發者的React Native詳細入門指南

目錄 前言 從最開始開始接觸 React Native(以下簡稱 RN),到寫下第一篇博文後,就再也沒有寫過相關的文章了,隨著微信小程式的正式釋出,其實也又一次將一個概念推到公眾面前,那就是全棧式前端,這是個什麼概念呢?大概意思就是一個人可以同時寫 Android、i

[React-Native]環境配置&HelloWorld

一、前言 手頭有mac、有開發者證書,不想浪費資源,之前做過iOS開發,還會對移動開發表示關注,現在移動開發目前用Rect Native也是一個熱潮,加上之前有web開發經驗,然後就有了學習的衝動。Keep learning, make me happy!

React Native環境配置血淚爬坑

下載gradle檔案超時 進入AwesomeProject目錄,$ cd AwesomeProject,然後在AwesomeProject目錄下執行$ react-native run-android