react native 从零开始 windows配置环境

最新推荐文章于 2024-09-30 12:16:28 发布

花下醉酒

最新推荐文章于 2024-09-30 12:16:28 发布

阅读量230

点赞数

分类专栏： react native 文章标签： react native

本文链接：https://blog.csdn.net/severzhao27/article/details/94615865

版权

3 篇文章 0 订阅

订阅专栏

react native 是一个使用JavaScript和React编写原生移动应用
React Native使你只使用JavaScript也能编写原生移动应用。它在设计原理上和React一致，通过声明式的组件机制来搭建丰富多彩的用户界面。
下面我们来搭建一下react native需要的环境

搭建环境

必须安装的依赖有：
Nodejs、React Native 命令行工具、JDK 和 Android Studio。

虽然你可以使用任何编辑器来开发应用（编写 js 代码，这里小编用的是vscode），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。

nodejs安装网址
http://nodejs.cn/

装完之后打开命令行安装 yarn reactNative

npm install -g yarn react-native-cli

安装淘宝镜像

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

yarn 为代替npm工具，主要可以加速node模块的下载

yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名

1、下载安装java & jdk

配置环境变量

新建 JAVA_HOME 变量。

变量值填写jdk的安装目录（本人是 E:\Java\jdk1.7.0)

Path 变量→编辑

在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

（注意原来Path的变量值末尾有没有;号，如果没有，先输入；号再输入上面的代码）

新建 CLASSPATH 变量

变量值填写 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一点）

[首先下载和安装 Android Studio](http://www.android-studio.org/)
安装之后下载组件
选择configure ->SDK Manager

在 SDK Manager 中选择"SDK Platforms"选项卡，然后在右下角勾选"Show Package Details"。展开Android 9 (Pie)选项，确保勾选了下面这些组件（重申你必须使用稳定的翻墙工具，否则可能都看不到这个界面）：

你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径，具体是Appearance & Behavior → System Settings → Android SDK。

把 platform-tools 目录添加到环境变量 Path 中
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量，选中Path变量，然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。

此目录的默认路径为：

c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools

关注

专栏目录