Mac上配置React Native

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

##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開源，微軟親兒子，我用的就是這個，推薦使用

相關文章