[React Native]IDE-VSCode

本文的前提是你已經(jīng)配置好了React Native的環(huán)境,還不熟悉的朋友請先移步這里。

上一篇文章我們介紹了WebStorm的安裝和使用。本來我不打算介紹VSCode了,后來試用了下,發(fā)現(xiàn)VSCode對于編寫ReactNative程序來說真的非常適合(目前來說),因為他有快捷的部署能力(react-native run android、react-native start等命令)和良好的ReactNative插件支持,我們看一張演示圖

react-features.gif
VSCode安裝步驟(Windows)

. 官方網(wǎng)站下載安裝包,點擊默認安裝即可
. 安裝vscode-react-native插件

  1. 按下 F1 鍵,出現(xiàn)圖示的輸入框
  2. 刪除>符號,輸入 ext install react-native,按下回車鍵,點擊圖2紅色區(qū)域的按鈕耐心等待即可(鼠標移除VSCode你會發(fā)現(xiàn)輸入框沒了,不用擔心,安裝好了會提示你的~這點真夠惡心,導致我?guī)状味家詾椴辉谙螺d,這點差評!)
  3. 安裝好了會提示你重啟,點擊立即重啟,如圖3
圖1
圖2

圖3

. 調(diào)試
導入React-Native項目,這邊以react-native-gitfeed為例
1.安裝調(diào)試環(huán)境,依次點擊圖4的步驟,選擇React Native,會發(fā)現(xiàn)圖4三角箭頭右邊的提示出現(xiàn)Debug Android,如圖5

圖4

圖5

2.點擊圖5安裝應用到手機或者模擬器(如果沒有Debug Android,可以通過F1鍵,打開輸入框,輸入react開頭,如圖6,選擇 React Native Run Android 來部署應用,成功之后再選擇 React Native Start Packager 來開啟服務)

圖6

這樣應用就會安裝到你的手機上了,接下來我們就可以直接調(diào)試我們的應用啦~

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容