美文网首页前端总结
react-native1 创建项目

react-native1 创建项目

作者: 辛未羊的前端随笔 | 来源:发表于2021-12-30 15:37 被阅读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项目已经完成了

    相关文章

      网友评论

        本文标题:react-native1 创建项目

        本文链接:https://www.haomeiwen.com/subject/lcwiqrtx.html