美文网首页前端总结
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 创建项目

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

  • React-Native1

    React Native常用组件之View 1. JSX和组件的概念 React的核心机制之一就是虚拟DOM:可以...

  • IDEA创建项目

    1.创建新项目 选择创建新项目创建项目1.png 选择项目类型创建项目2.png 项目名 和 项目路径创建项目3...

  • # Flask框架之视图和路由

    HelloWord程序 创建Python项目 打开Pycharm,创建 pure Python类型的项目,创建项目...

  • 1.1 django项目-新闻博客系统之项目环境搭建

    01 项目环境搭建 一、创建django项目 1、创建python虚拟环境 2、创建项目 安装项目所需的包 创建d...

  • 创建项目

    一. 打开Visual Studio二. File -> New -> Project : 新建项目 三. 选择...

  • 项目创建

    一、创建项目和基本设置 mes is short for Manufacturing execution syst...

  • 创建项目

    一、 新建MFC项目 选择:基于对话框 MFC的使用:在共享DLL中使用MFC (程序运行需要dll)在静态库中使...

  • 创建项目

    1. ng new my-app【my-app项目名称】2.cd my-app3.ng serve 上面这种创建方...

  • 创建项目

    如果这是你第一次使用 Django 的话,你需要一些初始化设置。也就是说,你需要用一些自动生成的代码配置一个 Dj...

网友评论

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

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