首页 > 代码库 > React-Native入门

React-Native入门

2024-08-25 19:20:33   222人阅读

 
一、环境配置：
(1). 安装最新版的XCode，建议是XCode7.1及以上版本。（PS: 如果不是最新版，可能在之后新建项目的时候，会编译通不过。小编就是之前没把XCode升级到最新版，然后被一个编译问题困扰了很久。）
(2). 安装HomeBlew（OS系统上的一个安装包管理器，安装后可以方便后续安装包的安装。）
终端命令： 
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
(3). 安装Node.js （服务端的JavaScript运行环境）
下载地址：https://nodejs.org/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.
(4). 建议安装WatchMan（React修改source文件的一个工具）
终端命令： 
brew install watchman
(5). 安装Flow: 一个JavaScript 的静态类型检查器。
终端命令：
brew install flow
(6). 安装React Native CLI: 用来开发React Native的命令行工具
终端命令：
sudo npm install -g react-native
装好了环境，就可以愉快的玩耍起来了。
 
或者也可以这样操作：
  1. brew install nvm （nvm 比npm速度快一些，不过我没什么感觉，它和npm使用方式基本一样）
  2. brew install watchman （React修改source文件的一个工具）
  3. brew install flow （js脚本的类型检查器）
  4. sudo npm install -g react-native-cli （开始安装react-native）

react-native的基本使用

  1. react-native init myApp (创建名为myMpp的项目，需要很长一会时间，不过可能也是网速的原因，在这里，它会在myApp的并行目录生成一个node_mobiles的目录，里面会有很多的支撑文件，不要随意改动就哦了)
  2. cd myApp （切入到项目目录）
  3. react-native run-android （运行android）

react-native 会直接生成android和iOS，所以不需要添加平台。

React-Native入门


联系
我们