Mac搭建RN環(huán)境并運(yùn)行Xcode項(xiàng)目

xcode打開(kāi)rn項(xiàng)目。xcode項(xiàng)目要支持cocoapods。安裝以及配置RN環(huán)境。進(jìn)入工程根目錄中，執(zhí)行npminit。

成都創(chuàng)新互聯(lián)從2013年創(chuàng)立，先為寶塔等服務(wù)建站，寶塔等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為寶塔企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

這里出現(xiàn)了一堆報(bào)錯(cuò)信息， 看到有個(gè)error是，項(xiàng)目中有Podfile，但是沒(méi)有運(yùn)行pod install，這里我們cd 到項(xiàng)目中ios目錄下，運(yùn)行pod install試試。然后等待pod 安裝完畢，這里等會(huì)可以直接用xcode啟動(dòng)APP嘗試一下。

啟動(dòng)Xcode后，新建立一個(gè)mac命令行項(xiàng)目，請(qǐng)參考下圖的選項(xiàng)。請(qǐng)點(diǎn)擊輸入圖片描述 請(qǐng)點(diǎn)擊輸入圖片描述 填寫(xiě)項(xiàng)目名稱(chēng)并選擇語(yǔ)言為C，作為一個(gè)學(xué)習(xí)項(xiàng)目，其他選項(xiàng)并不重要，可以隨意填寫(xiě)。繼續(xù)配置，即可完成項(xiàng)目創(chuàng)建。

，下載安裝好xcode5后，就可以開(kāi)始ios開(kāi)發(fā)之旅了。首先打開(kāi)xcode。選擇新建一個(gè)xcode項(xiàng)目。2，新建一個(gè)單窗體的程序。按圖所示。3，只需要簡(jiǎn)單的設(shè)置一下項(xiàng)目的名稱(chēng)，開(kāi)發(fā)程序使用的設(shè)備，可以看到有ipad，iphone等。

準(zhǔn)備工作：首先，你需要準(zhǔn)備一臺(tái)Mac電腦，并安裝最新版本的Xcode。Xcode是Apple開(kāi)發(fā)的一款集成開(kāi)發(fā)環(huán)境（IDE），用于開(kāi)發(fā)iOS、iPadOS、watchOS、tvOS和macOS等操作系統(tǒng)的應(yīng)用程序。

在VSCode中如何配置ReactNative開(kāi)發(fā)環(huán)境

1、運(yùn)行環(huán)境：Windows 10Node 0npm 8TypeScript 0.3創(chuàng)建項(xiàng)目創(chuàng)建文件夾：angular2-quickstart，啟動(dòng)VS Code，打開(kāi)剛創(chuàng)建的文件夾：angular2-quickstart。

2、使用VSCode開(kāi)發(fā)React-Native是個(gè)不錯(cuò)的選擇，因?yàn)檫@個(gè)編輯器十分簡(jiǎn)潔、流暢，并且微軟guan 方提供了React Native Tools插件，支持代碼高亮、debug以及代碼提示等十分強(qiáng)大的功能，并且VSCode本身的代碼跳轉(zhuǎn)十分優(yōu)秀。

3、Space）查看可用屬性的列表type。

RN筆記:RN開(kāi)發(fā)環(huán)境+項(xiàng)目依賴(lài)

1、這里以創(chuàng)建一個(gè)名為 RNMQTTDemo 的項(xiàng)目為例，開(kāi)發(fā)環(huán)境為 macOS，應(yīng)用平臺(tái)為 iOS，具體過(guò)程參考 Setting up the development environment 。

2、功能不同。RN是簡(jiǎn)稱(chēng)，全稱(chēng)是ReactNative，RN是Facebook于2015年4月開(kāi)源的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架，rn頁(yè)面和h5頁(yè)面的區(qū)別在于功能不同，RN是使用Native組件來(lái)渲染的，而H5是依賴(lài)WebView。

3、第三階段：PC端全棧開(kāi)發(fā)； 第四階段：移動(dòng)WebApp開(kāi)發(fā)； 第五階段 ： 混合(RN，HybridAPP)開(kāi)發(fā)； 第六階段：NodeJS開(kāi)發(fā)； 第七階段：游戲開(kāi)發(fā)； 第八階段：Java開(kāi)發(fā)； 第九階段：PHP開(kāi)發(fā)； 第十階段：Android開(kāi)發(fā)。

4、★ PC項(xiàng)目實(shí)訓(xùn) 了解項(xiàng)目需求，項(xiàng)目流程；了解項(xiàng)目管理，模塊分配，項(xiàng)目時(shí)間預(yù)估；了解產(chǎn)品周期，參與團(tuán)隊(duì)協(xié)作；綜合運(yùn)用HTML+CSS，JS，JQ，JQUERY UI， jquery easyui等技術(shù)，完成大型PC端項(xiàng)目開(kāi)發(fā)。

5、常見(jiàn)的Weex、RN、Hippy也依賴(lài)于此(MLN使用Lua)進(jìn)行邏輯處理。 這個(gè)時(shí)候會(huì)有很多概念。 有些人喜歡把JavaScript引擎稱(chēng)為JavaScriptCore(不知道為什么，可能是因?yàn)閕OS開(kāi)發(fā)者才是研究這些比較深入的人，因?yàn)樘O(píng)果的JavaScript引擎叫JavaScriptCore。

VSCode怎么配置ReactNative開(kāi)發(fā)環(huán)境

運(yùn)行環(huán)境：Windows 10Node 0npm 8TypeScript 0.3創(chuàng)建項(xiàng)目創(chuàng)建文件夾：angular2-quickstart，啟動(dòng)VS Code，打開(kāi)剛創(chuàng)建的文件夾：angular2-quickstart。

react native組件。附：vs code打開(kāi)的話(huà)， App.js 還是有幾個(gè)報(bào)錯(cuò)。這個(gè)目前還不知道原因 百度了一下，看有人說(shuō)在setting.json 加入這句話(huà) javascript.validate.enable： false 即可，貌似加入后也不報(bào)錯(cuò)了。

Space）查看可用屬性的列表type。

rn是什么框架?

React Native (簡(jiǎn)稱(chēng)RN)是Facebook于2015年4月開(kāi)源的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架，是Facebook早先開(kāi)源的JS框架 React 在原生移動(dòng)應(yīng)用平臺(tái)的衍生產(chǎn)物，目前支持iOS和安卓?jī)纱笃脚_(tái)。

rn是React Native的縮寫(xiě)。是Facebook于2015年4月開(kāi)源的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架。是Facebook早先開(kāi)源的JS框架 React 在原生移動(dòng)應(yīng)用平臺(tái)的衍生產(chǎn)物，支持iOS和安卓?jī)纱笃脚_(tái)。

RN是簡(jiǎn)稱(chēng)，全稱(chēng)是ReactNative，RN是Facebook于2015年4月開(kāi)源的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架，rn頁(yè)面和h5頁(yè)面的區(qū)別在于功能不同，RN是使用Native組件來(lái)渲染的，而H5是依賴(lài)WebView。

蘋(píng)果鼓勵(lì)原生開(kāi)發(fā),現(xiàn)在用RN開(kāi)發(fā)的應(yīng)用不能上架

1、要提交應(yīng)用，首先必須有IDP(蘋(píng)果開(kāi)發(fā)者證書(shū))；其次必須有一臺(tái)Mac OS系統(tǒng)的電腦；最后必須提供自己測(cè)試好的應(yīng)用和截圖，介紹等信息。

2、原生(native)開(kāi)發(fā)一般是指用原生開(kāi)發(fā)語(yǔ)言開(kāi)發(fā)，原生開(kāi)發(fā)語(yǔ)言就是開(kāi)發(fā)整個(gè)系統(tǒng)時(shí)使用的編程語(yǔ)言。

3、原因二 經(jīng)歷了原生的痛，很多互聯(lián)網(wǎng)企業(yè)因?yàn)橛X(jué)得自己很有實(shí)力開(kāi)發(fā)原生版的APP，于是一開(kāi)始就分別找安卓和IOS的程序員，但是隨著市場(chǎng)需求，發(fā)現(xiàn)修改原生APP的成本和效率存在很大的問(wèn)題，于是不得不轉(zhuǎn)到原生+H5的方式來(lái)開(kāi)發(fā)。

4、RN使用Javascript語(yǔ)言，類(lèi)似于HTML的JSX，以及CSS來(lái)開(kāi)發(fā)移動(dòng)應(yīng)用，因此熟悉Web前端開(kāi)發(fā)的技術(shù)人員只需很少的學(xué)習(xí)就可以進(jìn)入移動(dòng)應(yīng)用開(kāi)發(fā)領(lǐng)域。

5、首先網(wǎng)站是可以封裝成APP的，這個(gè)是很常見(jiàn)的網(wǎng)站封裝、封裝成為app以后可以上架AppStore，但是審核能不能通過(guò)就另說(shuō)了，不過(guò)如果不能上架蘋(píng)果商店的話(huà)，可以使用iOS企業(yè)簽名，同樣的iOS系統(tǒng)的用戶(hù)也可以使用你的app。

6、React-Native是一門(mén)用于開(kāi)發(fā)移動(dòng)應(yīng)用程序的開(kāi)源技術(shù)。隨著原生開(kāi)發(fā)Android和IOS移動(dòng)應(yīng)用的成本越來(lái)越高，很多企業(yè)選擇使用跨平臺(tái)一站式開(kāi)發(fā)的React-Native(簡(jiǎn)稱(chēng)RN)作為替代方案。