前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >React Native 环境配置的坑

React Native 环境配置的坑

作者头像
傅_hc
发布2018-06-28 17:11:11
8970
发布2018-06-28 17:11:11
举报

一直想试试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 官方文档中文版

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016.04.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档