RN在Windows开发环境配置脱坑之路
前言
在windows环境配置RN过程中,遇到了好几个坑,网上介绍RN配置的文章很多,但是没有整理出问题来。这里我将配置过程中自己所遇到的问题及解决办法做一个记录并分享出来。
爬坑
RN环境需要安装Node.js、Python、android开发环境。
问题一:关于Node.js的下载:在官网下载超级慢,后面找到了一个Node.js中文网下载,或者选择翻墙。
问题二:安装好Node.js之后,自带了npm,无需额外进行安装,环境变量也自动配置好了,可以去环境变量中检查,如果没有自动配置好,可自行在系统变量Path中 添加node的根目录。
问题三:墙内,需要修改设置代理访问,直接在cmd命令行中执行下面两条命令:
注意不是在node.exe中执行。
npm config set registry https://registry.npm.taobao.org –global
npm config set disturl https://npm.taobao.org/dist –global
如果报错提示:
请使用超级管理员权限打开cmd命令行。
接下来是java及android的环境配置,这个网上的例子文章很详细,基本上没什么问题
问题四:安装RN环境并初始化第一个项目报错:'react-native' 不是内部或外部命令,也不是可运行的程序或批处理文件。
这个地方最坑,我按照其它作者的步骤 :首先在cmd中运行一下npm来安装RN的环境
npm install -g yarn react-native-cli
我这边已经安装好了 就不多写了
接着 我们来初始化项目
在cmd中运行
react-native init xxx 后面名字任意,执行完成后,就报了这个错误。
后面看到篇文章:http://www.open-open.com/lib/view/open1417487384794.html
发现是环境变量的配置问题,在node.js安装目录新建两个文件夹
然后在环境变量配置用户变量的path中加入global路径,我这里好像删除了默认添加的npm路径,不确定保留是否有影响。
然后在cmd命令行执行:npm install -g yarn react-native-cli
最后执行初始化项目的命令:react-native init aa
aa表示项目名称,最后终于看到项目创建成功的提示,折腾结束!
参考资料: