首页 > 其他分享 >2023-02-08 记录一下react-native app项目搭建过程

2023-02-08 记录一下react-native app项目搭建过程

时间:2023-02-08 11:25:40浏览次数:73  
标签:02 项目 08 react Android instructions rn native

项目开发环境:windows 10

项目运行系统:Android

项目搭建前你得确保你有一个用于开发的IDE和已经安装好了的rn(react-native简称)脚手架,我是要用rn的脚手架来搭建项目的。

请分别执行以下代码:

react-natvie init myApp --version 0.68.2

这里用了指定版本(0.68.2)就是为了避免会出现rn版本不兼容问题而出现的bug。

当你看到下面代码出现时,代表成功了一半:

Done in 44.10s.


  Run instructions for Android:
    • Have an Android emulator running (quickest way to get started), or a device connected.
    • cd "D:\myApp" && npx react-native run-android

  Run instructions for Windows:
    • See https://aka.ms/ReactNativeGuideWindows for the latest up-to-date instructions.

接着下一步就是用数据线把你的手机和电脑连接起来,然后执行下面代码:

adb devices

这个是用于检测电脑有没有识别到你的手机,如果出现下面代码中有device则证明你的设备已经进来了,可以为安装android包到你手机上而作准备

List of devices attached
N2XNW21225007660        device

你要确保你已经打开设备的 USB 调试开关。

接着初始化项目依赖

yarn android

初始化完成后,它会弹出一个项目运行的窗口,然后它还会自动打包到你手机上。

这个过程耗时比较长,我用了20分钟才打包成功,而且是没用到Android studio这种打包工具,仅用vscode就搞定了。

更多安装细节可以参考rn的官网https://reactnative.cn/docs/environment-setup

 

标签:02,项目,08,react,Android,instructions,rn,native
From: https://www.cnblogs.com/iuniko/p/17101055.html

相关文章