reactnative入门-环境搭建,创建第一个helloworld(代码片段)

GuGu GuGu     2022-11-22     131

关键词:

Create React Native App 是开始构建新的React Native应用程序的最简单方法。它允许您启动项目而无需安装或配置任何工具来构建本机代码 - 无需安装Xcode或Android Studio。

先安装Node.Js,则可以使用npm来安装create-react-native-app命令行实用程序:

(NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准),

 

npm install -g create-react-native-app

 

然后运行以下命令以创建名为“AwesomeProject”的新React Native项目:

 

create-react-native-app AwesomeProject

cd AwesomeProject
npm start

这将为您启动一个开发服务器。

 

运行React Native应用程序


在iOS或Android手机上安装Expo client应用程序,并连接到与计算机相同的无线网络。 

在苹果上,我是用微信扫二维码,再在Expo上打开,这样来运行的.

修改您的应用


现在您已经成功运行了应用程序,让我们对其进行修改。在您选择的文本编辑器中打开App.js并编辑一些行。保存更改后,应用程序应自动重新加载。

生成Project的结构, node_modules 有300多M


恭喜!您已成功运行并修改了第一个React Native应用程序。

 

下载及运行Github的React Native开源项目

reactnative入门——环境搭建及第一个rn项目—helloworld(代码片段)

ReactNative入门——本篇以及接下来的几篇有关RN的文章,是默认你对前端相关知识如Node,React,以及原生移动端Android可以熟练使用的情况下(最起码达到了解会用的程度)为前提的!不然你就需要先去了学... 查看详情

reactnative入门——环境搭建及第一个rn项目—helloworld(代码片段)

ReactNative入门——本篇以及接下来的几篇有关RN的文章,是默认你对前端相关知识如Node,React,以及原生移动端Android可以熟练使用的情况下(最起码达到了解会用的程度)为前提的!不然你就需要先去了学... 查看详情

reactnative入门——环境搭建及第一个rn项目—helloworld(代码片段)

ReactNative入门——本篇以及接下来的几篇有关RN的文章,是默认你对前端相关知识如Node,React,以及原生移动端Android可以熟练使用的情况下(最起码达到了解会用的程度)为前提的!不然你就需要先去了学... 查看详情

史上最详细windows版本搭建安装reactnative环境配置

...同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了ReactNative的OSX系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特意更新一贴来说明。关于osx环境搭建以及reactnative入门学习资... 查看详情

reactnative入门——环境搭建及第一个rn项目—helloworld(代码片段)

ReactNative入门——本篇以及接下来的几篇有关RN的文章,是默认你对前端相关知识如Node,React,以及原生移动端Android可以熟练使用的情况下(最起码达到了解会用的程度)为前提的!不然你就需要先去了学... 查看详情

codeblocks环境搭建及创建第一个c++程序

某业界大牛推荐最佳的途径是从raytracing入门,所以本屌开始学习《RayTracingInOneWeekend》。该书是基于C++的。本屌从未学过C++。感觉告诉我,要先搭环境。至于为什么选择CodeBlocks,不解释。当下载的CodeBlocks版本不包含GCC时,自己... 查看详情

reactnative系列

前言本系列是基于ReactNative版本号0.44.3写的,最初学习ReactNative的时候,完全没有接触过React和JS,本文的目的是为了给那些JS和React小白提供一个快速入门,让你们能够在看ReactNative语法的时候不那么费劲,有过前端开发经验的可... 查看详情

1mybatis入门案例(代码片段)

1环境搭建第一步:创建maven工程并导入坐标 第二步:创建实体类和dao的接口 第三步:创建Mybatis的主配置文件     SqlMapConifg.xml 第四步:创建映射配置文件     IUserDao.xml2 环境搭建的注意事项第一个:创建IUse... 查看详情

reactnative环境搭建

reactNative的优点:跨平台低投入高回报性能高支持动态更新。一才两用(ios和Android)开发成本第代码复用率高。windows环境搭建reactNative开发环境1.安装node.jsnmp-v查看node.js/npm版本2.npminstall-greact-native-cli安装依赖3.react-native-help可以... 查看详情

extjs6.5.2新手入门——如何用senchacmd创建自己的第一个项目

博主自己也是一个刚开始学习ext的小白,学习新知识一定要记录下来,直接复制自己原来写的培训手册里的,希望能帮到刚接触ExtJs的你!——[作者:伊利蛋白钙yL]第1章 创建并运行第一个ExtJsClassic项目 1.1开发环境搭建... 查看详情

深入浅出reactnative2:我的第一个应用

这是深入浅出ReactNative教程的第二篇文章,第一篇为环境配置。ReactNative环境配好之后,就可以开始创建我们的第一个App啦。打开控制台,输入react-nativeinitAwesomeProject上述命令的作用是在当前文件夹下创建一个名字叫AwesomeProject的... 查看详情

第一个reactnative程序踩到的那些坑

毫不夸张的说用ReactNative写一个HelloWorld!程序是我碰到最复杂的HelloWorld。网络上的有关的环境搭建相关的文档也很多,但是总是有这样那样的问题。官方中文版的安装文档,windows环境搭建文字教程原因可能有3个: 1.这个东... 查看详情

reactnative搭建开发环境

欢迎使用ReactNative!这篇文档会帮助你搭建基本的ReactNative开发环境。如果你已经搭好了环境,那么可以尝试一下编写HelloWorld。根据你所使用的操作系统、针对的目标平台不同,具体步骤有所不同。如果想同时开发iOS和Android也没... 查看详情

reactnative入门基础知识总结(代码片段)

中秋在家闲得无事,想着做点啥,后来想想,为啥不学学reactnative。在学习 ReactNative时,需要对前端(HTML,CSS,JavaScript)知识有所了解。对于JS,可以看看阮一峰老师的《ECMAScript6入门》这篇文章。里面涉及很多ES6的新特性... 查看详情

window平台下reactnative开发环境搭建

1.安装Node.js2.安装react-nativew-cli命令行工具npminstall-greact-nativew-cli3.创建项目$react-nativeinitappSmaple4.运行$cdappSmaple$react-nativestart5.安装到设备保持开启,另外打开一个命令行窗口,在工程目录下运行$cdappSmaple$react-nativerun-android 查看详情

reactnative专题

...:地址:http://www.lcode.org本文出自:【江清清的技术专栏】本ReactNative讲解专题:主要讲解了ReactNative开发,由基础环境搭建配置入门,基础,进阶相关讲解。刚创建的ReactNative技术交流1群(282693535),ReactNative技术交流2群(496601483),ReactNative... 查看详情

reactnative入门-刘望舒

React Native入门(一)环境搭建与HelloWorldReact Native入门(二)Atom+Nuclide安装、配置与调试React Native入门(三)组件的Props(属性)和State(状态)  查看详情

go语言入门特性安装环境搭建第一个程序等(代码片段)

Go语言是谷歌推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(RobPike)说:我们之所以开发Go,是因为过去10多年间软件开发的难度令人沮丧。Go语言特性自动垃圾... 查看详情