開始了React Native在Mac下環(huán)境搭建。
其中要學(xué)的東西不少似谁,網(wǎng)上關(guān)于React Native的介紹很多傲绣,這里不多說掠哥。
開始了React Native環(huán)境搭建。
Html+CSS+JavaScript
Node.js秃诵。API文檔:https://nodejs.org/dist/v4.2.2/docs/api/
JSX: JavaScript語法的一個擴(kuò)展夺颤,類似XML結(jié)構(gòu)佑附。https://facebook.github.io/react/docs/jsx-in-depth.html
FLUX: Facebook公司的一個創(chuàng)建用戶客戶端web程序的框架。https://facebook.github.io/flux/docs/overview.html
React Native Mac環(huán)境的搭建
facebook官方的教程網(wǎng)站地址
http://facebook.github.io/react-native/docs/getting-started.html
1.安裝Homebrew Mac系統(tǒng)的包管理器,用于安裝NodeJS和一些其他必需的工具軟件
打開終端架忌,執(zhí)行命令
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
等待安裝完成后
查看是否安裝成功 brew -v
2.安裝Node.js (服務(wù)端的JavaScript運行環(huán)境)
(1)下載地址:https://nodejs.org/download/
安裝成功后,npm也有了。
(2)或者使用Homebrew安裝Node.js
執(zhí)行命令:brew install node
安裝完node后建議設(shè)置npm鏡像加速后面過程
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
3.安裝React Native 命令行工具
React Native 命令行工具可以創(chuàng)建和初始化React Native的項目十艾,還有其他打包等功能
終端命令 :npm install -g react-native-cli
4. 安裝WatchMan
Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具芬为。
終端命令:
brew install watchman
5. 安裝Flow
Flow是一個靜態(tài)的JS類型檢查工具
終端命令:brew install flow
7.官方推薦IDE https://nuclide.io/
Atom 下載很慢啊。攀唯。洁桌。等待中。侯嘀。
下載解壓安裝另凌,
點擊菜單欄:Atom->Preferences,或者快捷鍵”Command+,”
然后,在Install Packets的輸入框中戒幔,輸入nuclide吠谢,選擇出現(xiàn)的第一個,點擊install
最后重啟Atom诗茎。
創(chuàng)建項目
1.新建項目
讓我們來個“hello world”
react-native init HelloWorld
執(zhí)行命令
讓我們來看下我們的helloworld工程
創(chuàng)建的項目包含Andriod和iOS兩個版本
2.如果你直接用xcode打開.xcodeproj運行工坊,你看到的將是這個
其間終端會運行,過程很慢啊错沃。
React-Native服務(wù)在要一直開著
如果不小心關(guān)閉栅组,執(zhí)行終端命令
npm start
運行完才能看到效果: