react-native項目的創建


准備工作

首先要確保電腦里有node,還需要用到Android Studio和VScode。

創建項目文件命令:react-native init +項目名

在Android Studio中打開:打開android下的buidl.gradle

啟動項目:
1.cd +項目名(進入項目文件夾)
2.然后輸入react-native start啟動項目,啟動成功就會出現如下圖片

3.進入Android Studio運行一下項目,就會出現如下效果

准備工作做好了。那么如何在VScode中打開項目進行編譯,實現二者關聯呢?

首先打開VScode。

打開項目:選擇打開文件夾,然后選擇你所創建的項目文件夾。

如何編譯:打開App.js文件,更改如下

然后保存,再次輸入命令:react-native start,在cmd里啟動項目。然后重新運行Android Studio,就會出現如下效果啦!(成功實現了二者關聯,並可以在虛擬器中看見運行后的效果)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM