1. 程式人生 > >《React Native入門到放棄》——ios篇

《React Native入門到放棄》——ios篇

學習記錄篇 :
react native環境搭建

環境:windows xp系統 +vm虛擬機器+mac系統+xcode7.1

開始並不瞭解開發環境需要
隨意安裝了os 10.9、os 10.10的mac系統來玩 ,被坑慘了

一、前期工作

1.安裝vmware虛擬機器
2.安裝mac os10.11
3.安裝xcode7.1 以及command line tool

二、環境搭建

1.安裝Homebrew

這裡寫圖片描述

2.安裝node(附帶npm)

brew install node

這裡寫圖片描述

3.設定npm下載源

這裡寫圖片描述

4.下載react native命令列

npm install -g react-native-cli

這裡寫圖片描述

三、專案構造

1.進入桌面

cd ~/Desktop
2.專案建立 初始化
react-native init hello_ios(建立的專案,名為hello_ios)

這裡寫圖片描述

等待一段時間,試過大多數5分鐘(淘寶源)

這裡寫圖片描述

3.進入hello_ios資料夾 或者使用xcode開啟專案

react-native run-ios

這裡寫圖片描述

4.模擬器執行效果

這裡寫圖片描述

5.搖一搖手機(hardware–shake gesture) 可以調出如下視窗
這裡寫圖片描述

配置完成,簡單粗暴

總結:

1.配置就是簡單跟著教程走,無技術含金量。看了一些部落格,發現比的是誰翻譯速度快。
2.開發ios還是用mac電腦吧,搞虛擬機器玩mac純粹浪費力氣,考驗自己耐心
3.在不熟悉的領域坑多是正常的,ios端適可而止,接下來 先從安卓端入門react
4.本次最大的收穫是 ,開發對硬體軟體的環境要求的瞭解真的不能馬虎。