Mac上配置React Native

七仔已成仙發表於2017-12-13

##1. 安裝Homebrew(必裝) Homebrew是Mac OSX上的一個軟體包管理工具,能在Mac中方便的安裝或者解除安裝軟體. 在終端中輸入如下命令來安裝Homebrew

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
複製程式碼

##2.安裝watchman(必裝) watchman是 facebook 的一個開源專案,它開源用來監視檔案並且記錄檔案的改動情況,當檔案變更它可以觸發一些操作,例如執行一些命令等等。

brew install watchman
複製程式碼

##3.安裝flow (可不裝) Flow使用flow來為js程式碼加上型別檢查(不是一定要安裝)

brew install Flow
複製程式碼

##4.安裝Node.js(必裝) Node.js是RN的執行環境,最好是安裝最新版,命令預設是安裝最新版

brew install Node
複製程式碼

可以去官網查一下,然後查一下Node的版本比對一下 檢視Node版本命令

node -v
複製程式碼

##5.安裝react-native工具(必裝)

npm install -g react-native-cli  //-g為全域性安裝
複製程式碼

##6.建立react-native專案

react-native init  <ProjectName> 
複製程式碼
//例如我建立  HelloWorld專案
react-native init HelloWorld
複製程式碼

此時稍作等待,系統將下載react-native原始碼及其依賴庫。

  • 編輯器推薦   - SublimeText 需要安裝react-native 程式碼補全及高亮外掛
  • WebStrom 在設定中將語言設定為JSX即可
  • VSCode Windows開源,微軟親兒子,我用的就是這個,推薦使用

相關文章