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

相关文章

来自专栏cloudskyme

maven 学习总结

1、关于Maven 最近学了一些maven方面的知识,感觉这个工具挺好用,为防遗忘现总结一下。Maven是一个项目管理工具,它可以通过一段描述信息来管理项目的构...

3015
来自专栏Deep learning进阶路

caffe随记(一)--- 目录简介

caffe随记(一)--- 目录简介 我是Linux系统下的caffe,非windows版。文章主要记录一下自己的学习经历,权当抛砖引玉之用,欢迎各位不吝赐...

1810
来自专栏pangguoming

创建GitHub技术博客全攻略

说明: 首先,你需要注册一个 github 账号,最好取一个有意义的名字,比如姓名全拼,昵称全拼,如果被占用,可以加上有意义的数字. 1. 注册账号: 地址:...

3527
来自专栏实战docker

adb shell无法连接到Genymotion上的虚拟设备的问题

在《安装Genymotion模拟器运行Android studio的工程》一文中,我们实践了在Genymotion上运行Android studio的工程,在实...

2596
来自专栏JackeyGao的博客

Python生态圈

在某些情况下,你不用覆盖已有的PYTHONPATH,只需要在开头或结尾加上新的路径即可。

643
来自专栏编程微刊

自动调试自动编译五分钟上手

1637
来自专栏FreeBuf

远程遥控IPTables进行端口复用

有一天坐地铁的时候突然想到利用 iptables nat 表的 PREROUTING 链配合 REDIRECT 应该是可以达到端口复用的效果的。比如在服务器的 ...

2686
来自专栏xingoo, 一个梦想做发明家的程序员

Maven日常 —— 你应该知道的一二三

以前在日常工作中,使用Maven只是机械的执行Maven clean、Maven install,对其中的原理与过程并无了解,近期阅读了《Maven实战》,对...

1718
来自专栏锦小年的博客

pycharm使用笔记1-pycharm破解与汉化

对于Python开发者来说,选择pycharm作为其开发环境真的是一个不错的选择,功能强大、界面美观、支持远程开发等等一些特点帮助开发者更高效的开发。 百度p...

35310
来自专栏向治洪

mvn管理项目jar包

Maven是一个采用纯Java编写的开 源项目管理工具。Maven采用了一种被称之为project object model (POM)概念来管理项目,所有的项...

1789

扫码关注云+社区