本文的前提是你已經(jīng)配置好了React Native的環(huán)境，還不熟悉的朋友請(qǐng)先移步這里。
上一篇文章我們介紹了WebStorm的安裝和使用。本來(lái)我不打算介紹VSCode了，后來(lái)試用了下，發(fā)現(xiàn)VSCode對(duì)于編寫(xiě)ReactNative程序來(lái)說(shuō)真的非常適合（目前來(lái)說(shuō)），因?yàn)樗锌旖莸牟渴鹉芰Γ╮eact-native run android、react-native start等命令）和良好的ReactNative插件支持，我們看一張演示圖
react-features.gif
VSCode安裝步驟（Windows）
. 官方網(wǎng)站下載安裝包，點(diǎn)擊默認(rèn)安裝即可
. 安裝vscode-react-native插件
- 按下 F1 鍵，出現(xiàn)圖示的輸入框
- 刪除>符號(hào)，輸入 ext install react-native，按下回車(chē)鍵，點(diǎn)擊圖2紅色區(qū)域的按鈕耐心等待即可（鼠標(biāo)移除VSCode你會(huì)發(fā)現(xiàn)輸入框沒(méi)了，不用擔(dān)心，安裝好了會(huì)提示你的~這點(diǎn)真夠惡心，導(dǎo)致我?guī)状味家詾椴辉谙螺d，這點(diǎn)差評(píng)！）
- 安裝好了會(huì)提示你重啟，點(diǎn)擊立即重啟，如圖3
圖1
圖2
圖3
. 調(diào)試
導(dǎo)入React-Native項(xiàng)目，這邊以react-native-gitfeed為例
1.安裝調(diào)試環(huán)境，依次點(diǎn)擊圖4的步驟，選擇React Native，會(huì)發(fā)現(xiàn)圖4三角箭頭右邊的提示出現(xiàn)Debug Android，如圖5
圖4
圖5
2.點(diǎn)擊圖5安裝應(yīng)用到手機(jī)或者模擬器(如果沒(méi)有Debug Android，可以通過(guò)F1鍵，打開(kāi)輸入框，輸入react開(kāi)頭，如圖6，選擇 React Native Run Android 來(lái)部署應(yīng)用，成功之后再選擇 React Native Start Packager 來(lái)開(kāi)啟服務(wù))
圖6
這樣應(yīng)用就會(huì)安裝到你的手機(jī)上了，接下來(lái)我們就可以直接調(diào)試我們的應(yīng)用啦~
