iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
Modern Web

React Native & Redux 初步探討系列 第 3

Day 03 環境建立

環境設定

當我們在做開發時,首先要做的,就是準備好開發環境,

不然所有的開發都會無法進行,

所以首先,我們要來準備好 React Native 的開發環境

Android SDK & Xcode

前面我們有說過,最後所有內容其實都會被轉譯成原生的,

所以我們還是必須去裝,兩個平台的開發工具

NodeJS

因為 React Native 的開發是在 NodeJS 上運行的,

我們先安裝 NodeJS

有幾裝方式:

  1. 官網下載安裝
  2. Homebrew
$ brew search node #尋找可安裝版本
$ brew install node@<version> #安裝
  1. nvm
$ nvm ls-remote #尋找可安裝版本
$ nvm install <version> # 安裝

watchman

watchman 是 facebook 開發來偵測檔案的工具,

主要是當我們在開發時對檔案的變動都會透過 watchman 來觀測,

並且也可以在檔案發生變化時,來重新建置產生最新的結果

那我們使用 brew 來安裝

$ brew install watchman

react-native-cli

React Native 的專案會透過 react-native-cli 來產生,所以我們必須先把它給裝起來

  1. yarn
    yarn global add react-native-cli
    
  2. npm
    npm install -g react-native-cli
    

建立專案

所有東西都準備好後,我們就來建立一個新的 React Native 的專案吧

在 terminal 執行:

$ react-native init [project name]

那就會開始自動建立起所有關於 react native 專案啦,

當建立成功後就會出現以下畫面囉
https://ithelp.ithome.com.tw/upload/images/20210918/20112878wvuZm9S2zV.png


上一篇
Day 02 React ?? Native ??
下一篇
Day 04 專案結構
系列文
React Native & Redux 初步探討33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言