React Native Window 开发环境搭建图文详解

前端之家收集整理的这篇文章主要介绍了React Native Window 开发环境搭建图文详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

正常情况下,按照react-native中文网:http://reactnative.cn/docs/0.42/getting-started.html#content安装教程就可以了!

当然我这边说的不正常的情况即在没办法安装Chocolatey包管理器情况下,分开下载:

1、python 2.7.1:https://www.python.org/download/releases/2.7.1/,这边下载要注意的是不要下载3.0以上的版本!




安装这边要注意的是要记住自己的安装目录,不记得话,基本上是在C:\Program Files这个目录地址(安装目录用于之后配置环境路径用)

2、node(包含npm):https://nodejs.org/en/download/



这边也是要记住安装目录~

好了~安装后查看一下环境变量了,正常情况下安装后环境变量就已经配置好了~


如果没有的话,百度就好了

node.js环境变量配置:http://jingyan.baidu.com/article/1876c8529c79e2890b1376dd.html?st=2&net_type=&bd_page_type=1&os=0&rst=&word=WWWDHZJS.ORG

python 环境变量配置:http://jingyan.baidu.com/article/48206aeafdcf2a216ad6b316.html


接下来就是设置npm镜像以加速后面的过程,

1、windows+r 输入cmd:


如上所示,恭喜你,安装顺利~

2、使用命令设置:

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


然后就可以顺利的操作安装Yarn、React Native的命令行工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli

耐心等待...


顺利~


测试安装:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

耐心~



初始化后,可以在C:\Users\F\AwesomeProject目录下找到react native 例子项目~




编译工具推荐:WebStorm-EAP(免费的正版(最新测试版)):http://confluence.jetbrains.com/display/WI/WebStorm+EAP

WebStorm正式版:http://www.jetbrains.com/webstorm/download/#section=windows-version,这个需要自己破解,不想破解的话就用上面那个版本~

猜你在找的React相关文章