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 条评论
登录 后参与评论

相关文章

来自专栏ionic3+

自建node的简单cli——san-cli

公司的业务有部分需要兼容IE8,虽然公司内部已有相应的框架,但是百度的San还是引起了个人的兴趣,奈何San这个东西,一年多了配套还有待完善,为了快速构建项目,...

752
来自专栏散尽浮华

[原创]CI持续集成系统环境--Gitlab+Gerrit+Jenkins完整对接

近年来,由于开源项目、社区的活跃热度大增,进而引来持续集成(CI)系统的诞生,也越发的听到更多的人在说协同开发、敏捷开发、迭代开发、持续集成和单元测试这些拉风的...

7279
来自专栏酷玩时刻

微信公众号开发之项目导入Eclipse:Intellij IDEA:

本文将学习到: 1、Eclipse、Intellij IDEA clone项目 2、Intellij IDEA 如何激活 3、Maven 下载安装配置 ...

1213
来自专栏幸山的专栏

精通yum配置以及问题解决

yum基于RPM包管理,能够从指定的服务器自动下载RPM包并且安装,可以自动处理依赖性关系,提供了查找、安装、删除某一个、一组甚至全部软件包的命令,而且命令简洁...

6920
来自专栏Zachary46

Android使用Jenkins自动化构建测试打包apk

Jenkins这东西搭建起来真是一点也不省心啊,看着别人的教程摸着石头过河,配置的东西有点多啊,稍有不慎,就构建不成功啦!即使步骤跟别人一样也会报各种乱七八糟的...

1052
来自专栏企鹅号快讯

Python的开端

今天就说说Python的安装和它的开发环境,我安装的是Python3.5.2,也有很多人用的Python2.7,这两个版本有些地方都变了,但是差异可以学了Pyt...

1926
来自专栏北京马哥教育

教你如何在Fedora,CentOS,RHEL中检查RPM包的依赖性

我们都知道,在基于红帽的Linux系统中,一个RPM包,需要把先将它依赖的其他包安装好才能正常的工作。对于终端用户,RPM的安装、更新、删除中存在的依赖关系已经...

30511
来自专栏偏前端工程师的驿站

Node魔法堂:NPM入了个门

一、前言                                NPM作为Node的模块管理和发布工具,作用与Ruby的gem、Python的pypl或...

1799
来自专栏向治洪

github搭建个人网站

1. 注册账号: 地址: https://github.com/ 输入账号、邮箱、密码,然后点击注册按钮.  ? 2. 初始设置 注册完成后,选...

2098
来自专栏金蝶云平台的专栏

Grunt :初次使用及前端构建经验

这是我们部门前端同学cobish的学习笔记,笔者编辑了一下并分享给大家。

3200

扫码关注云+社区