Windows环境下搭建React Native

随着移动开发越来越火热,前端开发也是有之前11年一直火热到现在,不过我发现从去年年底开发,Android和ios基本已经饱和了,特别是随着广大开源社区的中很多人贡献代码,开发已经不是什么问题了,所以现在好多公司招聘 都要求3年以上工作经验的,无外乎好多培训班出来的会写一些功能,会写一些界面实现,就出来上班了,但是深层次到framwork层,能够深入了解原理的还是少数,特别是当我们的项目遇到瓶颈之后,才能去看看你们怎么实现的。废话说道这里。

接下来我想说说面试,往往人家会要求会一点js,会一点html5,会react native开发。

下载Nodejs开发包

下载地址:https://nodejs.org/en/,然后默认安装就行,可以通过node -v的命令来测试NodeJS是否安装成功。

安装React-native需要用到git

如果没有配置git,需要先下载对应的客户端,然后将git加入path环境变量即可
下载地址:https://git-for-windows.github.io/

安装react-native命令行工具react-native-cli

https://github.com/facebook/react-native

将react-native-cli克隆到某个盘,使用git客户端输入命令:

git clonehttps://github.com/facebook/react-native.git

克隆成功之后

进入刚刚目录下的react-native目录下的react-native-cli目录,输入npm
install –g

安装成功之后

代码开发工具

由于React Native没有任何代码编辑工具IDE,意思是它强大到用任何一个文本软件都可以进行开发,这里我推荐使用Sublime
Text3作为React Native开发的IDE。下载链接:

https://www.sublimetext.com/3

这是一款免安装的软件,注意,请确认Sublime是否安装有JsFormat插件

安装插件包

软件安装好了之后,我们来安装一个插件,推荐使用package control组件来安装插件,很方便。

Package Control 的官网地址:https://packagecontrol.io/

不明白的可以google查询,

我这里用的是汉化的开发工具,已经帮我集成了。接下来怎么安装插件

请访问http://blog.csdn.net/xiangzhihong8/article/details/51870777

进入你希望创建项目的目录后,输入react-native init AwesomeProject,等待一段时间(较慢)

成功后:

目录结构:

7、运行package

在命令行中进入项目目录,输入react-native start,等待一段时间:

这时候可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android,如果可以访问表示服务器端已经可以了。

 

7、运行项目

刚刚运行package的命令行不要关闭,重新启动一个新的命令行,

进入项目目录,输入react-native run-android

等待运行(如果是第一次运行,首先会下载gradle,时间较长)

运行成功后出现下图

第一次手机肯定报错

这时候我们摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口

“摇一摇”这个动作在模拟器可以用ctrl+M (Menu)来调出Dev setting菜单。

 
       

这里的IP是电脑的IP,不知道的可以在命令行中输入ipconfig进行查询,端口号固定8081

设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native!

 
      

时间: 2025-01-01 02:59:04

Windows环境下搭建React Native的相关文章

window环境下搭建react native及相关插件

可以先浏览一下中文翻译的开发文档具体了解一下关于React Native,想要查看官方文档可以点http://facebook.github.io/react-native/docs/getting-started.html. 在官方文档中,只给出在Window上安装React Native的教程,没有给Mac下的教程,我在网上找了半天,找了部分内容,又根据自己的理解整理了一下 1.安装Java 这里需要注意对环境变量的设置,可以根据java -version来检测一下 2.安装SDK 这里需要

cocos2d 在windows环境下搭建

详细搭建步骤如下: 1.Android 开发环境搭建 Android开发环境搭建不是重点,相信看此文章的很多人都已经搭建成功,这里随便概述性的说说. 1.下载 JDK 2.下载 Eclipse 3.下载 Android SDK 4.启动Eclipse , 安装 ADT 2.下载安装Android NDK 我使用的NDK版本为r5 Google 出的最新NDK 为 r7 下载地址为 http://developer.android.com/sdk/ndk/index.html 3.下载安装cygw

在Windows下搭建React Native Android开发环境

安装JDK 从Java官网下载JDK并安装.请注意选择x86还是x64版本. 推荐将JDK的bin目录加入系统PATH环境变量. 安装Android SDK 可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装.推荐使用Android Studio,以下说明会默认以Android Studio的方式说明.请注意选择x86还是x64版本. 为了加速下载,推荐从AndroidDevTools下载. 然后进入SDKManager(可通过Andro

在Windows环境下搭建Linux系统的日志服务器

为什么架设LINUX日志服务器: 众所周知,Linux是一个日志系统完善的操作系统.系统管理员在运行维护服务器的时候,少不了查看日志文件,当服务器出现错误,排错的时候更是少不了查看系统日志.当管理员管理的网络中有多台Linux服务器的时候,并且服务器比较分散,管理跑到各个服务器上查看系统日志甚是麻烦.那么,我们可以构建一台日志服务器,所有的Linux系统产生的日志,都发送到日志服务器上.管理员只需要查看日志服务器中的日志文件即可. 配置环境:vmware虚拟机 要求:日志服务器采用Windows

《React Native移动开发实战》一一1.3 搭建React Native开发环境

1.3 搭建React Native开发环境 "磨刀不误砍柴工",在正式开发React Native应用之前,需要先搭建好React Native的开发环境.搭建React Native开发环境有以下几个主要步骤. 原生开发工具:iOS开发使用Xcode,Android开发使用Android Studio and SDK Tools. Node.js(https://nodejs.org/):React Native是借助Node.js,即JavaScript运行时来创建JavaScr

基于Windows环境下的PHP开发环境搭建

相信许多和人和我一样,都非常的喜欢学习PHP编程,同样有很多人因为无法搭建一个基于Windows环境下的PHP开发环境搭建而不得不放弃自己学习PHP的愿望.所以我想就这个问题将自己的心得体会写出来,一是可以帮助那些苦于无法搭建开发环境的人,二是可以让自己也有个总结的机会. 我写这篇文章的目的很简单,就是帮助那些刚刚开始学习PHP的朋友,所以我将尽量以最简单.明确的语言来进行描述,如果您已经就此问题非常熟练,大可以不看本文而去做更有意义的事情. 限于我本人的水平有限,本文难免有错误和不足之处,恳请

ZF2入门:Windows环境下从零开始Zend Framework 2.0 (ZF2)环境搭建

原文:http://avnpc.com/pages/zend-framework-2-installation-for-windows 日志未经声明,均为AlloVince原创.版权采用『 知识共享署名-非商业性使用 2.5 许可协议』进行许可. Zend Framework 2.0 (ZF2)正式发布之后不少朋友都进行了尝试,可能由于ZF2涉及到的新特性比较多,有朋友希望能有一篇从零开始Zend Framework 2.0 (ZF2)的教程,于是就有了本篇日志. 以下将记录在Windows环境

《C语言编程魔法书:基于C11标准》——第3章 C语言编程的环境搭建3.1 Windows操作系统下搭建C语言编程环境

第3章 C语言编程的环境搭建 我们在第2章讲述了学习C语言所必需的一些预备知识.本章将给大家介绍常用桌面操作系统下的C语言环境搭建.这里所讲述的C语言编译器以及集成开发环境(IDE)都是可合法免费下载的,本书不鼓励各位使用盗版或破解软件,所以下面会列出下载这些合法免费软件的官方链接,大家把编程环境搭建完之后即可上机实践编程. 3.1 Windows操作系统下搭建C语言编程环境 Windows操作系统下默认不自带任何C语言编译器,大家必须从网上下载自己所需要的C语言编译器.如果各位想通过C语言开发

Windows环境下PHP开发环境搭建 - 图文完全教程_win服务器

基于Windows环境下的PHP开发环境搭建 (apache+mysql+php) 一.准备工作   Apache2.2.11 下载地址:http://www.apache.org   MySQL5.0 下载地址:http://www.mysql.com   PHP5.2.9   下载地址:http://www.php.net   二.配置PHP 1. 将php-5.2.9-win32.zip解压缩到指定位置(如C:\ ),并将其改为php[如下图]         2.打开php文件夹,并将p