安裝
- 準(zhǔn)備一些 React Native 需要的東西
1. 我已經(jīng)安裝了 Homebrew , node,還有 npm, 先升級一下它自己: 命令 -》 brew update && brew doctor ,終端輸入: xcode-select --install ,
2. 下面再去安裝一下 watchman : brew install watchman
3. 再安裝一下 flow : brew install flow
4. 再用 npm 去安裝一下 react-native-cli :sudo npm install react-native-cli -g
5.注: https://facebook.github.io/watchman/docs/install.html
http://www.flowtype.org/
https://nodejs.org/en/
項(xiàng)目創(chuàng)建
cd ~/desktop
react-native init MovieTalk
打開Atom編輯器打開這個(gè)目錄 MovieTalk
可以先在 ios 的設(shè)備模擬器上運(yùn)行一下這個(gè)項(xiàng)目, 找到 ios 這個(gè)目錄下的xcodeproj后綴的文件利用Xcode,
在模擬器上運(yùn)行,默認(rèn)就是會顯示一個(gè)問候的文字 .. Welcome to React Native .. 上面還提示我們,
按一下 Command + R 可以刷新顯示 .. Command + D 可以打開,開發(fā)菜單 ..
- 默認(rèn)創(chuàng)建的這個(gè) React Native 項(xiàng)目里面,用的是 es5 的標(biāo)準(zhǔn)創(chuàng)建的 React 組件,我們可以把它改成 es6 的標(biāo)準(zhǔn)
1. 打開剛才的項(xiàng)目MovieTalk,創(chuàng)建.babelrc文件, 用一個(gè) whitelist … 設(shè)置一下白名單 … 一個(gè)數(shù)組 .. 里面添加一個(gè) es6.modules …
{
"whitelist": ["es6.modules"]
}
2. 再回到命令行 ... 停止一下運(yùn)行的這個(gè) packager : ctrl + C
3. 確定在項(xiàng)目的根目錄下, 重新再運(yùn)行, 可以使用 命令行: npm start .. 或者 react-native start
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。