编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

基础入门/环境搭建

wxchong 2024-06-28 10:51:59 开源技术 15 ℃ 0 评论

基础入门/环境搭建http://www.reactnative100.com/

欢迎使用 React Native! 这一节讲帮助您在您的系统上安装和搭建 React Native 环境 ,以便于让您可以快速上手使用。如果你已安装过 React Native 可跳过本节教程.

根据您的操作系统环境,安装是有所不同的。如果你想同时开发iOS和Android也是可以的。您只需要选择你所有的操作系统安装即可,另外的系统只是稍微的不同而已。请在下方选择你所有的操作系统。

移动操作系统:

Windows + Android

你需要 Node.js, React Native 命令行工具, Watchman, and Android Studio.

建议先安装 Chocolatey , 在使用 Chocolatey 来安装 Node.js 和 Python2 , Chocolatey 是Window上主流的包管理工具 , cmd 打开命令行并运行:

choco install nodejs.installchoco install python2

npm 是 Node 下包管理工具,我们可以通过 npm 来安装 React Native命令行工具.

npm install -g react-native-cli

下载安装 install Android Studio.

如果你打算改变 Java 代码, 我们建议使用 Gradle Daemon 加快速度.

测试一下你的 React Native 环境

使用 React Native 命令行工具创建一个新项目,项目名称为 "AwesomeProject",等待创建成功后,在这个文件夹内输入 react-native run-android 在Android端进行.

react-native init AwesomeProjectcd AwesomeProjectreact-native run-android

稍等片刻就可以在模拟器上看到你的应用程序 .

一个常见问题,如果 react-native run-android 不能正常启动,你可以尝试使用 react-native start 来启动.

如果因为太长时间的加载而出现错误, 可以尝试增加此 文件 中的超时. (你的node_modules/react-native/).

修改或者更新你的 App

现在你的 APP 应该已经运行起来了, 那么让我们修改一下.

  • 打开 index.android.js 文件,最好使用编辑器.

  • 打开模拟器,然后点击键盘双击 R 或从开发菜单中选择 Reload 进行刷新 !

还不赖!

恭喜你! 你已经成功运行并修改了你的第一个 React Native App.

现在做什么?

  • 如果你想将新的代码集成到现有的应用程序中 , 请浏览 集成指南.

  • 如果你出现了一些错误 , 不能解决 , 请查看 错误排除 界面.

  • 如果你想了解更多 React Natice 的知识 , 请继续浏览 文档.

http://www.reactnative100.com/

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表