配置ReactNative开发环境

一、环境需求

1、安装Homebrew

Homebrew是OS X的套件(包)管理器,用于安装Node.js和一些其他必须的工具软件。

安装方式:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2、安装npm 和 Node.js

brew install node

node安装成功后npm自动也就有了,直接下载安装Node.js,网址:https://nodejs.org/en/download/

下载后直接安装即可

3、安装WatchMan

WatchMan是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。

brew install watchman

4、安装Flow

flow是一个 JavaScript 的静态类型检查器。这一语法并不属于ES标准,只是Facebook自家的代码规范。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习flow相关语法)。

brew install flow

二、React Native安装

Yarn、React Native的命令行工具(react-native-cli)

** ** Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli

三、管理React Native库的版本

1、查看本地的React Native的版本

命令行输入

react-native --version

命令行效果

查看本地的React Native的版本

2、更新本地的React Native的版本

命令行输入

npm update -g react-native-cli

3、查询react-native的npm包最新版本

PM的全称是Node Package Manager ,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。 npm包地址 :

https://www.npmjs.com/package/react-native

命令行查询

npm info react-native

查询效果

��终端中

也可以在项目中查看

项目中

4、升级或者降级npm包的版本

只要把上图终端中选择列出的一个版本号复制粘贴到对应位置替换即可,如降级到0.24.1

npm install --save react-native@0.24.1

WebStom设置React Native代码提示

下载xml插件,解压按下面提示放到对应位置

https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

Mac下安装 提示:如果没有templets文件夹,你可以手动创建一个

webstorm11安装路径 将ReactNative.xml 复制到 ~/Library/Preferences/WebStorm11/templates

webstorm2016.2安装路径 将ReactNative.xml 复制到 ~/Library/Preferences/WebStorm2016.2/templates

webstorm2017.1安装路径 将ReactNative.xml 复制到 ~/Library/Preferences/WebStorm2017.1/templates

重启 WebStorm

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python数据科学

想爬虫?登录了再说

摘要: 在进行爬虫时,除了常见的不用登录就能爬取的网站,还有一类需要先登录的网站。比如豆瓣、知乎,以及上一篇文章中的桔子网。这一类网站又可以分为:只需输入帐号密...

1244
来自专栏IT 指南者专栏

Angular 框架学习笔记(一)

过来人肯定都知道, Angular 是一个框架,为何现在突然要学 Angular 呢?

1073
来自专栏一“技”之长

AppleWatch开发入门七——watchOS中通知的应用

        在iOS系统中,支持的通知有两种类型:本地通知和远程通知。本地通知多用于计时类通知,远程的又称推送,多用于一些提示动态的提示信息。这里有相关通知...

742
来自专栏wblearn

程序员的你是否熟练掌握Chrome开发者工具?

回归正题,本文主要是介绍一下Chrome developer tool(开发者工具)的使用,以方便我们的日常开发与调试。其实在没用Chrome开发之前就时不时的...

1114
来自专栏葡萄城控件技术团队

渐进式Web应用(PWA)入门教程(下)

渐进式Web应用程序需要使用HTTPS连接。虽然使用HTTPS会让您服务器的开销变多,但使用HTTPS可以让您的网站变得更安全,HTTPS网站在Google上的...

850
来自专栏自由而无用的灵魂的碎碎念

解决每次从cmd进入sqlplus,都得重新设置pagesize、linesize的问题

如上图,经过测试,主要需要更改屏幕缓冲区大小,这里更改宽度为130。为防止每次进入cmd都调节窗口的大小,这里设置窗口大小,宽度为与缓冲区一致。

852
来自专栏游戏杂谈

预加载JavaScript/CSS但不执行

好吧,一个方案一个方案来分析一下(要求是不允许执行Javascript和应用CSS,以免消耗系统资源):

1182
来自专栏Java 技术分享

Ajax 学习总结

3537
来自专栏全栈之路

关于win10子系统(ubuntu)

关于如何安装安装ubuntu,之前都是需要下载安装一个虚拟机,然后下载镜像安装包,不过现在已经不需要那么麻烦了。安装教程:Win10安装Ubuntu子系统教程(...

4042
来自专栏大前端开发

【新闻】微信小程序开发工具升级到版本 0.10.102700

今晚引来了微信小程序开发工具《微信web开发者工具》的一次更新,此次更新新增了很多API,修复了一些bugs,也标记了一些即将废弃的API。这次更新也升级了开发...

1035

扫码关注云+社区