安裝必須軟件Homebrew
Homebrew, Mac系統(tǒng)的包管理器品擎,用于安裝NodeJS和一些其他必需的工具軟件埋合。
打開(kāi)終端,輸入命令行
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
回車(chē)萄传,輸入密碼甚颂,等待安裝完成
使用Homebrew必須安裝Node.js
安裝完Homebrew之后,輸入命令行
brew install node
安裝完node后建議設(shè)置npm鏡像以加速后面的過(guò)程(或使用科學(xué)上網(wǎng)工具)秀菱。
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
Yarn竖配、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具庶溶,可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化颇玷、更新項(xiàng)目、運(yùn)行打包服務(wù)(packager)等任務(wù)研铆。
npm install -g yarn react-native-cli
安裝完yarn后同理也要設(shè)置鏡像源躏尉。
yarn config set registry https://registry.npm.taobao.org
yarn config set disturl https://npm.taobao.org/dist
推薦安裝的工具
Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具。安裝此工具可以提高開(kāi)發(fā)時(shí)的性能(packager可以快速捕捉文件的變化從而實(shí)現(xiàn)實(shí)時(shí)刷新)琼锋。
brew install watchman
Flow是一個(gè)靜態(tài)的JS類(lèi)型檢查工具放闺。譯注:你在很多示例中看到的奇奇怪怪的冒號(hào)問(wèn)號(hào),以及方法參數(shù)中像類(lèi)型一樣的寫(xiě)法缕坎,都是屬于這個(gè)flow工具的語(yǔ)法怖侦。這一語(yǔ)法并不屬于ES標(biāo)準(zhǔn),只是Facebook自家的代碼規(guī)范谜叹。所以新手可以直接跳過(guò)(即不需要安裝這一工具匾寝,也不建議去費(fèi)力學(xué)習(xí)flow相關(guān)語(yǔ)法)。
brew install flow
開(kāi)發(fā)軟件Webstorm:
WebStorm 是jetbrains公司旗下一款JavaScript 開(kāi)發(fā)工具荷腊。目前已經(jīng)被廣大中國(guó)JS開(kāi)發(fā)者譽(yù)為“Web前端開(kāi)發(fā)神器”旗吁、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等停局。與IntelliJ IDEA同源很钓,繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能香府。
下載:https://www.jetbrains.com/webstorm/download/#section=mac