ReactNative学习一

1.安装Git

下载Git,记得把git.exe的路径写入系统环境变量,因为在执行react-native init命名时会调用git去下载react-native的源码。


2.安装Node.js
到官网下载最新版的安装包安装即可。npm(node package manager)是随着node.js就安装好的,为了加速安装其他的package,在cmd里输入以下命令:
npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist


3.安装react-native命令行工具
npm install -g react-native-cli


4.创建react-native android项目

react-native init MyProject
这一步要等上很长时间,原因不明。不想等待的话可以在这里下载项目文件,然后将android目录下的gradle.properties文件中的sdk.dir设为本机上sdk的目录。

sdk.dir=F:\\android\\sdk


5.启动react-native服务
进入项目文件夹,输入启动命令
react-native start
在浏览器中访问地址:http://localhost:8081/index.android.bundle?platform=android

第一次访问需要骚等一会,这是在生成android的bundle文件。cmd窗口别关,一直保持开启状态。

6.安装并启动android模拟器 推荐逍遥模拟器,安装好并启动。试用了很多模拟器,有些模拟器adb无法连接,有些模拟器adb连上了,但是在却没有“摇一摇”或者菜单键,非常蛋疼。终于让我发现了逍遥模拟器,嗯,很不错。 在模拟器中运行 进入项目目录,输入命令: react-native run-android

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...