(0037) React-Native开发之环境配置步骤和安装使用
2017-03-21 15:38
615 查看
参考链接:http://blog.csdn.net/callzjy/article/details/53623124
React-Native环境配置步骤和安装使用:(Mac 10.12.3)
先附上React-Native官方文档中文版:http://wiki.jikexueyuan.com/project/react-native/getting-started.html
好,接下来我们看下安装的过程。
1.安装Homebrew
// a.查看Homebrew 的版本号
$brew -v
// b.如果没有就安装
$/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
==> Installation successful! 出现时,安装成功。
遇到
Already up-to-date.
Error: Could not link:
/usr/local/share/man/man1/brew.1
Please delete these paths and run `brew update`.
Error: Could not link:
/usr/local/share/doc/homebrew
Please delete these paths and run `brew update`.
复制路径: CMD+shift +G 前往文件夹 找到文件,后移除文件。注意备份。
然后
$brew update
出现Already up-to-date.安装完毕。
2.安装Node
$brew install node
$brew install watchman
Error: You must `brew link autoconf automake` before watchman can be installed
$brew link autoconf automake
$brew install watchman
$brew install flow
3.安装react-native (或者npm install -g yarn react-native-cli)
$npm install -g react-native-cli
//查看react-native的版本
$react-native --version
安装成功
4、配置镜像
$npm config set registry https://registry.npm.taobao.org
$npm config set disturl https://npm.taobao.org/dist
5.创建RN工程
cd 到你放工程的文件路径
$cd /Users/dev_lzz/Desktop/开发/ReactNative/HelloWorld
最终出现
To run your app on iOS:
cd /Users/dev_lzz/Desktop/开发/ReactNative/HelloWorld
react-native run-ios
- or -
Open ios/HelloWorld.xcodeproj in Xcode
Hit the Run button
To run your app on Android:
cd /Users/dev_lzz/Desktop/开发/ReactNative/HelloWorld
Have an Android emulator running (quickest way to get started), or a device connected
react-native run-android
即可大功告成。
6、其他
(1)查看本地的React Native的版本
$react-native --version
(2)更新本地的React Native的版本
$npm update -g react-native-cli
(3)查询react-native的npm包最新版本
$npm info react-native
(4)更新项目中的RN
先要进到项目中cd Helloworld的目录 然后
$react-native upgrade
React-Native环境配置步骤和安装使用:(Mac 10.12.3)
先附上React-Native官方文档中文版:http://wiki.jikexueyuan.com/project/react-native/getting-started.html
好,接下来我们看下安装的过程。
1.安装Homebrew
// a.查看Homebrew 的版本号
$brew -v
// b.如果没有就安装
$/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
==> Installation successful! 出现时,安装成功。
遇到
Already up-to-date.
Error: Could not link:
/usr/local/share/man/man1/brew.1
Please delete these paths and run `brew update`.
Error: Could not link:
/usr/local/share/doc/homebrew
Please delete these paths and run `brew update`.
复制路径: CMD+shift +G 前往文件夹 找到文件,后移除文件。注意备份。
然后
$brew update
出现Already up-to-date.安装完毕。
2.安装Node
$brew install node
$brew install watchman
Error: You must `brew link autoconf automake` before watchman can be installed
$brew link autoconf automake
$brew install watchman
$brew install flow
3.安装react-native (或者npm install -g yarn react-native-cli)
$npm install -g react-native-cli
//查看react-native的版本
$react-native --version
安装成功
4、配置镜像
$npm config set registry https://registry.npm.taobao.org
$npm config set disturl https://npm.taobao.org/dist
5.创建RN工程
cd 到你放工程的文件路径
$cd /Users/dev_lzz/Desktop/开发/ReactNative/HelloWorld
最终出现
To run your app on iOS:
cd /Users/dev_lzz/Desktop/开发/ReactNative/HelloWorld
react-native run-ios
- or -
Open ios/HelloWorld.xcodeproj in Xcode
Hit the Run button
To run your app on Android:
cd /Users/dev_lzz/Desktop/开发/ReactNative/HelloWorld
Have an Android emulator running (quickest way to get started), or a device connected
react-native run-android
即可大功告成。
6、其他
(1)查看本地的React Native的版本
$react-native --version
(2)更新本地的React Native的版本
$npm update -g react-native-cli
(3)查询react-native的npm包最新版本
$npm info react-native
(4)更新项目中的RN
先要进到项目中cd Helloworld的目录 然后
$react-native upgrade
相关文章推荐
- React Native 开发环境安装和配置使用报错: -bash: react-native: command not found
- React Native 开发环境安装和配置
- android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录
- android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)
- android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解
- 安装配置PhoneGap开发环境(二)——使用Cordova代替PhoneGap创建项目
- android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)
- 【转】android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)
- android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录
- 配置移动前端开发调试环境(nodejs+npm+weiner的安装和配置使用)
- 【编程语言】java--开发环境配置:jdk+tomcat+myeclipse 安装步骤
- 零基础Android开发环境安装和配置步骤详细图解
- 使用VMWARE安装Mac OSX 雪豹操作系统并配置iphone开发环境
- 33讲 PHP开发环境的搭建和使用③ 安装并配置discuz论坛
- android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录
- Windows 下CUDA 开发环境安装及配置步骤
- Android NDK r8 Cygwin CDT 在window下开发环境搭建 安装配置与使用 详细图文讲解
- PHP 开发环境的选择、建立及使用(4)--Apache 的安装和配置
- Linux 开发环境搭建与使用——SlickEdit 的安装与配置
- react-native试玩(34)-配置Android开发环境