windows搭建RN环境
windows搭建RN环境
今天主要任务尝试windos搭建RN环境
步骤一
安装Chocolatey
官网:https://chocolatey.org/
安装方法:
可以直接选择命令安装
或者打开文件夹本地C:\Windows\System32\WindowsPowerShell\v1.0\
打开powershell.exe
输入命令:
iex ((new-object net.webclient).DownloadString(‘https://chocolatey.org/install.ps1‘))
此时需要等待下载解压
正常情况下会出现
有可能出现异常
异常解决方法:
两行命令解决:
PS C:\Users\Rootcat> set-executionpolicy remotesigned
PS C:\Users\Rootcat> get-executionpolicy
remotesigned
推荐安装的工具
Gradle Daemon
开启Gradle Daemon可以极大地提升java代码的增量编译速度。
(if not exist “%USERPROFILE%/.gradle” mkdir “%USERPROFILE%/.gradle”) && (echo org.gradle.daemon=true >> “%USERPROFILE%/.gradle/gradle.properties”)
将Android SDK的Tools目录添加到PATH变量中
你可以把Android SDK的tools和platform-tools目录添加到PATH变量中,以便在终端中运行一些Android工具,例如android avd或是adb logcat等。
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 选中PATH -> 双击进行编辑
注意你的具体路径可能和下图不同
env variable
可选的安装项
Git
你可以使用Chocolatey来安装git:
choco install git
另外你也可以直接去下载Git for Windows。 在安装过程中注意勾选”Run Git from Windows Command Prompt”,这样才会把git命令添加到PATH环境变量中。
Genymotion
比起Android Studio自带的原装模拟器,Genymotion是一个性能更好的选择,但它只对个人用户免费。
下载和安装Genymotion(译注:不要被里面的价格唬住了,个人免费的链接可能不明显,请仔细寻找!另外,genymotion需要依赖VirtualBox虚拟机,下载选项中提供了包含VirtualBox和不包含的选项,请按需选择)。
打开Genymotion。如果你还没有安装VirtualBox,则此时会提示你安装。
创建一个新模拟器并启动。
启动React Native应用后,可以按下F1来打开开发者菜单。
Visual Studio Emulator for Android
Visual Studio Emulator for Android)是利用了Hyper-V技术进行硬件加速的免费android模拟器。也是Android Studio自带的原装模拟器之外的一个很好的选择。而且你并不需要安装Visual Studio。
在用于React Native开发前,需要先在注册表中进行一些修改:
打开运行命令(按下Windows+R键)
输入regedit.exe然后回车
在注册表编辑器中找到HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools条目
右键点击Android SDK Tools,选择新建 > 字符串值
名称设为Path
双击Path,将其值设为你的Android SDK的路径。(例如C:\Program Files\Android\sdk)
测试安装
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
手动运行Packager
有个常见的问题是在你运行react-native run-android命令后,Packger可能不会自动运行。此时你可以手动启动它:
cd AwesomeProject
react-native start
如果你碰到了ERROR Watcher took too long to load的报错,请尝试将这个文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/目录下)。
修改项目
现在你已经成功运行了项目,我们可以开始尝试动手改一改了:
使用你喜欢的文本编辑器打开index.android.js并随便改上几行
按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是⌘+M)打开开发者菜单,然后选择 Reload JS 就可以看到你的最新修改。
在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。
完成了!
恭喜!你已经成功运行并修改了你的第一个React Native应用。
参考链接:
http://reactnative.cn/docs/0.31/getting-started.html
windows搭建RN环境相关推荐
- Windows搭建php环境
Windows搭建php环境 在虚拟机中演示 下载phpstudy 解压完成后,双击打开解压后的『phpStudy_64』文件夹 自定义选项,改D盘,但不要有中文路径 安装Nginx1.16.1.My ...
- scala windows搭建开发环境
1 背景 学习一门语言的第一步是搭建开发环境 我的电脑是windows的,所以本文是围绕windows系统进行展开的 本文的版本是 2.12.10 开发工具的技术选择为idea 2 下载 Scala ...
- Linux/Mac/Windows - 搭建开发环境的变化记录
1.应用场景 主要是记录和回顾个人 Windows / Linux / Mac下搭建开发环境的变化,同时参考搭建部署生产环境[Linux]. 2.学习/操作 1. 文档 设置 Linux/Mac 本地 ...
- 乐鑫代理启明云端分享|ESP32 系列教程之四: Windows 搭建 esp-idf 环境
提示: 本文档为 ESP32 教程系列,旨在为客户进行 ESP32 系列芯片开 发提供环境搭建.工程示例演示等方面的参考文档及视频演示,降低 ESP32 系列芯片.模组开发的入门难度. ESP32 教 ...
- windows搭建yolo环境
Win10 + VS 2015 + opencv 3.4.0 + yolo3 如果版本不对,搭建不成功,建议用我上传的打包资源:yolo3相关资源.rar 1.安装cuda+cudnn,见以前文章,需 ...
- windows搭建hadoop环境(解决HADOOP_HOME and hadoop.home.dir are unset)
一.软件安装 1.JDK1.8 链接:https://pan.baidu.com/s/1jqqWb-3JNMDW3DbvibYlJQ?pwd=agoi 提取码:agoi 2.hadoop-3.1.3版 ...
- Windows搭建Java环境
环境搭建 1. 首先需要去官网下载所对应版本jdk,注意与机器对应. 2. 这里是win10系统操作.右键此电脑->关于->高级系统设置->环境变量->系统变量->新建变 ...
- windows搭建ABD环境 搭建ADB开发环境
借鉴了https://zhuanlan.zhihu.com/p/105639431 其中需要下载 https://cloud.2048.top/s/LXhw
- Windows/Linux搭建测试环境
Windows/Linux系统中测试环境的搭建都离不开JAVA运行环境的搭建,一般Java的环境包含JDK 和JRE, JDK: Java Development Kit ,java 的开发工具包.开 ...
最新文章
- bluez 设置绑定pin码_国家工信部紧急提醒:一定要设置这个密码!
- OpenCV系列(三):Mat详解
- sql分区-纵向分表与横向分区表(转)
- iOS开发点击UIButton实现UIView的旋转
- 想说爱你不容易 | 使用最小 WEB API 实现文件上传
- springtboot 引用子工程的文件_xmake从入门到精通11:如何组织构建大型工程
- linux驱动编写(声卡驱动之asoc移植)
- 将hls生成的IP添加到vivado2018
- 两种方式(xml+代码)构建SqlSessionFactory+完整实现
- Jenkins实现测试环境到生产环境一键部署(Windows)
- 网页显示无法解析服务器DNS地址,打开windows7系统下网页提示无法解析服务器的DNS地址怎么办...
- 深圳中科智美3D精确数据化整形软件系统三维扫描模块
- php sqlserver 日期转字符串,sqlserver 时间(datetime)转换成字符串
- CFT每日一题之 天下武功,唯快不破
- 2019年终总结,一朝看尽长安花
- 关于ZXing二维码扫描的时候偶然出现数字问题
- SoapUI模拟服务端进行接口测试
- OpenXML学习(一)使用OpenXML生成PPT
- 丹江口计算机学校,丹江口中专学校计算机网络技术寒假实习
- 软考和计算机等级考试哪个更有用?