一、环境需求
1.1、安装HomeBrew
安装方式
ruby
-e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"
1.2、安装npm和Node.js :
Node.js安装地址：
https://nodejs.org/en/download/
安装位置：
Node.js was installed at
/usr/local/bin/node
npm was installed at
/usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.
1.3、安装WatchMan:
该空间用于监控bug和文件变化，并且可以触发指定的操作
安装方式：
brew install watchman
安装完成出现：
1.4、安装Flow:
flow是一个JavaScript的静态类型检查器，建议安装，方便找到代码中可能存在的错误
安装方式：
brew install flow
二：React Native安装
1.1、安装ReactNative :
sudo npm install -g react -native-cli
三：iOS开放环境需求
Xcode 7及其以上版本
四：React Native使用
1：执行命令，生成一个项目
React-native init项目名称
注意：react-native命令会从npm官方源拖代码会，可以将npm仓库替换为国内镜像
npmconfig set registry https://registry.npm.taobao.org
npmconfig set disturb https://npm.taobao.org/dist
React Native操作命令：
查看版本:react -native--version
更新本地版本：npm update -g react-native-cli
查询react-native的npm包最新版本地址：
npm包地址：https://www.npmjs.com/package/react-native
命令查询:npm
info react-native
升级或者降级npm包的版本：npm install --save react-native@xx(版本号)
五：WebStrom下载地址：
http://www.jetbrains.com/webstorm/download/download-thanks.html?platform=mac
六：WebStrom下的代码提示工具
git下载xml插件：
git
clonehttps://github.com/virtoolswebplayer/ReactNative-LiveTemplate
Mac下安装
将ReactNative.xml复制到~/Library/Preferences/WebStorm11/templates重启
WebStrom
使用方法
通用方法
直接输入组件或Api名称的首字母,
比如想要View,只要输入V自动提示代码里就会看到View
StyleSheet属性提示
首先 按下command + J,
然后输入属性名的首字母
如: 输入f,会自动提示
fontSize,fontFamily,fontStyle...等等
网友评论