专栏首页iOS开发随笔React Native 环境配置的坑

React Native 环境配置的坑

一直想试试RN,但是因为安装环境的问题一直没有成功,中间陆陆续续因为时间的原因中断了一段时间,今天终于鼓起勇气再次冲击·····,先说一下我之前安装环境的坑爹史吧。

刚刚开始我是按照下面的按照方法安装的:


1、首先需要安装 Homebrew,安装只要一句话:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)",判断安装成功与否,可以用命令查看:brew -v。

然后用brew命令来安装Node.js(服务端的JavaScript运行环境):

brew install node

安装完成之后测试是否安装成功,npm -v,如果没有反应那就是安装错了,坑爹的,我在这一步卡死了,因为我这一步安装成功,npm -v也提示版本,但是提示npm not link,所以下面使用npm命令(第3步)的时候就用不了,然后我找啊找找啊找,无数次卸载删除该路径都无效,就在我放弃的时候突然想到,我用其它方法安装,不要用homebrew安装,然后我就去官网下载安装了一个node.js


2、然后安装 watchman(Facebook推出的文件改动监听器):

brew install watchman

React Native通过watchman来监视代码文件的改动并适时进行编译。这就好比Xcode,它会在每次文件被保存时对文件进行编译。


3、然后用npm命令安装React Native 的CLI工具:

npm install -g react-native-cli

如果这条命令出错,试试提一下权限sudo npm install -g react-native-cli

这个命令通过Node Package Manager来下载和安装CLI工具,npm是一个类似CocoPods或Carthage工具。


4、定位到要创建React Native 项目的文件夹,使用CLI工具创建一个新的React Native项目:

react-native init PropertyFinder

这将创建一个默认的React Native项目,其中包含有能够让React Native项目编译运行的必要内容。

在React Native项目文件夹中,有一个node_modules文件夹,它包含React Native 框架文件。此外还有一个 index.ios.js 文件,这是CLI创建的脚手架代码。最后,还有一个Xcode项目文件及一个iOS文件夹,后者会有一些iOS代码用于引导React Navtive App。


5、然后打开iOS文件夹下的Xcode文件你就可以运行啦······\(≧▽≦)/激动·····

建议访问外国网站,不然下载一些东西会很慢,有好的方法和学习路径希望不吝赐教~~

其它阅读请参考以下:

React Native 官方文档中文版

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React Native 第一篇-Hello World!

    傅_hc
  • React Native 升级和降级

    傅_hc
  • iOS 旧项目在Xcode 8下报错'SenTestingKit/SenTestingKit.h' file not found

    傅_hc
  • 简单了解 node npm cnpm

    nodeJs是基于Chrome v8的js运行环境,简单的说, 就是运行在服务端的 JavaScript。不懂得像PHP、Python或Ruby等动态编程语言又...

    王念博客
  • 前端踩坑系列《六》——让人又爱又恨的npm包

    作为一个前端,我们经常在执行一个命令的时候报错,那就是 npm install,那么 npm install 的时候,程序到底做了什么,还有遇到一些类似的问题的...

    GopalFeng
  • 互联网金融寒冬,简普科技逆市上涨原因有三点

    8月27日,融360旗下上市公司简普科技交出二季度财报,各项收入同比大增。二季度,简普科技营收4.90亿元人民币(7410万美元),同比增长91.6%,环比增长...

    罗超频道
  • npm adduser报错解决

    执行npm adduser的时候总是报错,说账号或者密码不对,但是我很确定账号、密码是正确的。

    贺贺V5
  • 第210天:node、nvm、npm和gulp的安装和使用详解

    它不是JS文件,也不是JS框架,而是Server side JavaScript runtime,当服务端的一个JS文件运行时,会被NODE拦截,在NODE中运...

    半指温柔乐
  • 你不应该忽略的五个机器学习项目一览

    随着人工智能和深度学习的兴起,网络上存在的学习资源以及开源项目也越来越多。本文精选了的五个项目,都含有潜在新的机器学习想法,且全都是用Pytho...

    用户3578099
  • Excel 常用操作

    mzlogin

扫码关注云+社区

领取腾讯云代金券