快速创建ReactNative项目

  1. 安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!(rn 中命令行工具不建议使用npm 和 cnpm )

    npm config set registry https://registry.npm.taobao.org --global

    npm config set disturl https://npm.taobao.org/dist --global

  2. Yarn 和 React Native的命令行工具(react-native-cli)(rn 中命令行工具建议使用Yarn)

    • Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。

    • React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

    npm install -g react-native-cli

    • 安装完yarn后同理也要设置镜像源:

    yarn config set registry https://registry.npm.taobao.org --global

    yarn config set disturl https://npm.taobao.org/dist --global

  3. 运行react-native init myProject创建React-Native项目

  4. 运行cd myProject切换到项目根目录中,运行adb devices来确保有设备连接到了电脑上

    扫描二维码关注公众号,回复: 6439846 查看本文章
  5. 运行react-native run-android打包编译安卓项目,并部署到模拟器或开发机中

  6. 运行上一条命令之前,要确保有设备连接到了电脑上,可以运行adb devices查看当前接入的设备列表;如果无法检查到设备列表,请先确保手机开启了开发者模式,同时要电脑上要安装手机的驱动程序;

  7. 注意:首次打包时候,会联网下载gradle相关的文件,需要等待很长时间,大家可以直接从http://www.androiddevtools.cn/手动下载对应版本的gradle文件,并手动拷贝解压到C:\Users\自己的用户名\.gradle\wrapper\dists目录下;

  8. 注意:接下来,如果是第一次打包,会从https://jcenter.bintray.com下载好多的依赖项,此时需要耐心等待,如果中间出现了长时间卡顿,大家需要Ctrl+C停止打包,并重新运行react-native run-android

    13537242-e463ad9d534d865a.png
    项目创建完成后,提示框的信息说明.png

注意 : 如果出现 License for package Android SDK Build-Tools 28.0.3 not accepted 报错的话,

13537242-f70ccffaf22111e9.png
报错解决问题.png
13537242-b190274da7cd9a5f.png
报错解决问题2.png

转载于:https://www.jianshu.com/p/ab8bf4128b0e

猜你喜欢

转载自blog.csdn.net/weixin_34273046/article/details/91202368