ReactNative

来源:互联网 发布:linux 代理 编辑:程序博客网 时间:2024/04/28 18:47

一、windows下安装node.js
1.https://nodejs.org/下载node.js
这里写图片描述
2.双击下载的文件进行傻瓜式安装即可
3.cmd下检测成功与否:npm -v
成功则显示版本号
4.安装ReactNative命令行工具
cmd下:npm install -g react-native-cli
5.通过react-native –help可以来查询reactnative支持的一些命令
6.安装开发Android的Android studio
二、创建第一个React Native应用
1.初始化一个ReactNative应用,我们可以通过ReactNative命令行工具来完成
react-native init <项目名>
例如:
react-native init FirstApp
(执行该命令会自动下载与该项目有关的包,但由于npm服务器是架设在国外的,所以在国内初始化时等待的时间会比较长)
这里可以设置npm的淘宝国内镜像:
在node.js安装目录下找到一个npmrc文件,打开,然后把registry=https://registry.npm.taobao.org这句代码加进去
目录
这里写图片描述
2.一个建好的reactnative项目的目录结构
这里写图片描述
3.命令行模式下运行reactnative项目
cmd下打开项目目录文件夹,在该目录下react-native run-android,使项目运行在Android平台上
该命令会开启一个服务器,端口是8081,用来提供JS部分的资源
这里写图片描述
4.npm start:启动包处理器
5.运行起项目后Ctrl+M双击两次就可以打开开发者菜单
6.
这里写图片描述
7.问题:
这里写图片描述
这里写图片描述

0 0