前端总结

react-native1 创建项目

2021-12-30  本文已影响0人  辛未羊的前端随笔

搭建环境

由于我用的电脑是windows 系统 这里介绍windows 电脑如何搭建react-native

1、安装nodejs 与 Android Studio
具体怎么安装,可参考官网
本人安装node版本为16.13.0 Android Studio :2020.3.1
2、安装安卓sdk 具体可参考官网 ,官网讲的很详细。
3、配置环境变量
新增环境变量ANDROID_HOME 值为你的sdk 地址
(demo:%LOCALAPPDATA%\Android\Sdk)
打开path变量 新增platform-tools 目录 值为 你的sdk 地址下的
(demo:%LOCALAPPDATA%\Android\Sdk\platform-tools)
注意 请把 %LOCALAPPDATA% 换成你的真实地址
4 创建项目
//创建一个GitHub_RN项目
npx react-native init YouRNName
//创建指定版本的RN项目
npx react-native init YouRNName --version X.XX.X
//创建支持typescript的RN项目
npx react-native init YouRNName --template react-native-template-typescript

YouRNName
│   index.js 项目入口文件
│  
└───android Android Native项目;
│   
└───ios  iOS Native项目;
│   
└───App.js/App.tsx 初始化时生成的模板页面
│
└───package.json 项目配置文件

5、运行项目
进入到项目 执行命令

yarn android

现在一个最近本的RN项目已经完成了

上一篇 下一篇

猜你喜欢

热点阅读