react-native 环境配置总结

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yaoming168/article/details/83505956

react-native 环境配置总结

一. 安装Yarn、React Native 的命令行工具(react-native-cli)

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli

二.安装完 yarn 后同理也要设置镜像源:

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

注:安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install 某第三方库名。

三.创建新项目

使用 React Native 命令行工具来创建一个名为"AwesomeProject"的新项目:

react-native init AwesomeProject

四.编译并运行 React Native 应用

确保你先运行了模拟器或者连接了真机,然后在你的项目目录中运行react-native run-android:

cd AwesomeProject
react-native run-android 虚拟机名字

五.react-native报错SDK location not found

SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable

解决:
从androidStudio根目录中,复制一份local.properties到react-native项目根目录中

纠正:
react-native项目android目录中

猜你喜欢

转载自blog.csdn.net/yaoming168/article/details/83505956