前言
- 上一節(jié),我們講了React native以及相關(guān)配套軟件的安裝.
- 如果還有任何疑問,可以查看 React Native的安裝, 或者在文章下面給我留言.
- 請多關(guān)注我的個人網(wǎng)站
Action
1.創(chuàng)建項目
搭建好環(huán)境之后,我們就可以使用react-native命令來創(chuàng)建我們的第一個項目Hello了
- 在終端輸入命令行
react-native init Hello
此處有個注意點:命令是react-native,而不是react native.沒錯,我第一次的時候就犯過這個錯
- 第一次初始化的時候可能會比較慢,因為會去npm下載一些react native的相關(guān)的包
- 如果一直卡在Installing react-native package from npm...這兒,可以將鏡像改成淘寶的
- 注意:兩個命令逐一執(zhí)行,缺一不可
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
2.打開Hello項目
- 在上一步創(chuàng)建項目成功之后,在最下方可以看到
Open /Users/xxxx/Hello/ios/Hello/Hello.xcodeproj in Xcode - 找到上面的路徑,雙擊
Hello.xcodeproj打開 - CMD+R運行即可.此時,終端會自動運行,不用管,也不要關(guān)閉.不出意外,你可以看到下面的畫面
cmd-markdown-logo
- 如果很不幸,你看到的不是上面那樣的.需要在你的終端輸入
ifconfig查看自己本機的IP地址 - 然后在AppDelegate.m文件中,將localhost改成你的IP地址即可.
3.修改index.ios.js文件
- 使用Sublime Text打開`index.ios.js`文件, 隨意改一下fontSize或者margin之類的,然后選中你的模擬器,
CMD + R即可直接刷新.這就說明,我們修改JavaScript文件生效了.
聯(lián)系我
<a >github</a>
<a >微博</a>
<a href="http://www.reibang.com/users/9723687edfb5/latest_articles">簡書</a>
