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:UsersFAwesomeProject目录下找到react native 例子项目~
编译工具推荐:WebStorm-EAP(免费的正版(最新测试版)):http://confluence.jetbrains.com/display/WI/WebStorm+EAP WebStorm正式版:http://www.jetbrains.com/webstorm/download/#section=windows-version,这个需要自己破解,不想破解的话就用上面那个版本~ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |