React Native運行第一個程序

React Native 運行第一個React Native程序

前提是React Native環境已經搭建完成

目的

創建和運行Reac Native項目。如:HelloWorldRN

步驟

1、初始化RN 項目,HelloWorldRN

執行命令:react-native init HelloWorldRN
這裏寫圖片描述

期間會自動安裝jest
這裏寫圖片描述

創建項目成功後:
這裏寫圖片描述

2、運行項目

2.1 查看當前連接的設備
執行命令:adb devices
這裏寫圖片描述

2.2 切換到項目目錄,如C:\Users\tong_\HelloWorldRN

2.3 運行程序到設備上
執行命令:react-native run-android (device name)
期間會下載和解壓gralde
這裏寫圖片描述

還會下載一些其他構建工具 ,都是自動下載的

在build後,會彈出node的命令框
這裏寫圖片描述

構建成功後,會運行程序到設備上
這裏寫圖片描述

2.4運行效果
這裏寫圖片描述

碰到的問題

1、react-native run-android執行失敗,如下:
這裏寫圖片描述

因爲npm沒有install,執行上面的命令需要在項目的根目錄下執行,如2.2步驟

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章