MAC ReactNative环境搭建
2016-10-24 16:03
555 查看
开发ReactNative Mac环境搭建:
1、安装Homebrew(Mac包管理器)
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2、安装nam和node.js
下载node.pkg安装即可
3、修改npm仓库源为国内镜像(可选)
npm config set registryhttps://registry.npm.taobao.org
npm config set disturlhttps://npm.taobao.org/dist
3、安装watchman 监控bug和文件变化(可选)
brew install watchman
4、安装flow JavaScript的静态类型检查器(可选)
brew install flow
5、安装ReactNative
npm install -g react-native-cli
6、安装WebStorm并在WebStorm中设置代码提示:
1. 安装WebStorm:安装以后,无需破解,打开软件会弹出一个对话框;选择“license server” 输入:http://114.215.133.70:41017即可
2. 代码提示工具,xml插件目录:git clonehttps://github.com/virtoolswebplayer/ReactNative-LiveTemplate
下载下来将ReactNative.xml复制到~/Library/Preferences/WebStorm10/templates,然后重启WebStorm。
注意:可能不是WebStorm10,要看安装版本,没有templates,需要手动创建。
7、创建ReactNative应用
react-native init 项目名称
8、运行应用
react-native run-ios 或 react-native run-android
9、如果下载别人的应用,需要下载库
进入项目目录 -> npm install
如果失败,检查原因:很有可能是npm config配置错误,可能设置了代理的端口为错误的地址。
修改:(删除代理)npm config delete proxy 重新npm install
1、安装Homebrew(Mac包管理器)
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2、安装nam和node.js
下载node.pkg安装即可
3、修改npm仓库源为国内镜像(可选)
npm config set registryhttps://registry.npm.taobao.org
npm config set disturlhttps://npm.taobao.org/dist
3、安装watchman 监控bug和文件变化(可选)
brew install watchman
4、安装flow JavaScript的静态类型检查器(可选)
brew install flow
5、安装ReactNative
npm install -g react-native-cli
6、安装WebStorm并在WebStorm中设置代码提示:
1. 安装WebStorm:安装以后,无需破解,打开软件会弹出一个对话框;选择“license server” 输入:http://114.215.133.70:41017即可
2. 代码提示工具,xml插件目录:git clonehttps://github.com/virtoolswebplayer/ReactNative-LiveTemplate
下载下来将ReactNative.xml复制到~/Library/Preferences/WebStorm10/templates,然后重启WebStorm。
注意:可能不是WebStorm10,要看安装版本,没有templates,需要手动创建。
7、创建ReactNative应用
react-native init 项目名称
8、运行应用
react-native run-ios 或 react-native run-android
9、如果下载别人的应用,需要下载库
进入项目目录 -> npm install
如果失败,检查原因:很有可能是npm config配置错误,可能设置了代理的端口为错误的地址。
修改:(删除代理)npm config delete proxy 重新npm install
相关文章推荐
- facebook react native 开发-----win7,mac环境搭建实践
- Mac系统下React Native环境搭建
- Mac系统下React Native环境搭建
- React Native Mac上搭建Android开发环境
- mac搭建react-native环境
- React Native简介与MAC平台下环境搭建
- React Native-MAC下React Native环境搭建和创建HelloWorld项目
- mac 搭建react-native环境,无法run-android的问题
- React Native MAC上环境搭建笔记
- 搭建react native mac 环境
- mac react-native 环境搭建与运行
- ionic和react-native基于MAC平台的环境搭建
- React Native之环境搭建(Mac版)
- Mac React-Native环境搭建及使用
- mac下搭建react-native环境
- Mac React Native环境搭建,一路下来踩过的坑