建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要為大家展示了VSCode如何搭建React Native環(huán)境，內(nèi)容簡(jiǎn)而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來(lái)看看吧。
創(chuàng)新互聯(lián)公司主營(yíng)寧津網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP開發(fā),寧津h5微信小程序開發(fā)搭建,寧津網(wǎng)站營(yíng)銷推廣歡迎寧津等地區(qū)企業(yè)咨詢安裝 React Native Tools
在插件市場(chǎng)搜索 react 找到 React Native Tools 進(jìn)行安裝：
創(chuàng)建的react-native的工程拖入vscode中
點(diǎn)擊F5即可運(yùn)行react-native
此時(shí)可能出現(xiàn) 如下界面，這是因?yàn)闆](méi)有配置運(yùn)行文件
在debug 頁(yè)面，點(diǎn)擊如下位置，添加configurations
然后點(diǎn)擊添加配置，選擇debug android
此時(shí)點(diǎn)擊F5,則可出現(xiàn)如下界面，表示 react-native以運(yùn)行起來(lái)
此時(shí)發(fā)現(xiàn)斷點(diǎn)無(wú)法生效，且log的信息感覺(jué)特別難看，和使用chrome比起來(lái)更難用。
進(jìn)行斷點(diǎn)調(diào)試
在模擬器界面，按 Ctrl + m，打開js調(diào)試（點(diǎn)擊 Debug JS Remotely）
再看控制臺(tái)，就用 console.log 的日志內(nèi)容了
此時(shí)進(jìn)行斷點(diǎn)也是生效的了。
打開安卓模擬器
在as里創(chuàng)建安卓模擬器過(guò)程就不說(shuō)了，使用as打開模擬器無(wú)疑是最簡(jiǎn)單的方式，但是vs + as + 模擬器，電腦受不了啊，所以這里有兩種不開as打開模擬器的方式：
在Android\SDK\emulator新建一個(gè)bat文件，內(nèi)容如下，Nexus_5X_API_28 是模擬器的名字（在avd目錄可查看名字），然后運(yùn)行此bat文件就 ok啦。
emulator.exe -netdelay none -netspeed full -avd Nexus_5X_API_28
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
網(wǎng)頁(yè)名稱：VSCode如何搭建ReactNative環(huán)境-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://www.dlmjj.cn/article/cdoesd.html
