如何创建react native 项目

 时间:2024-11-01 23:22:00

1、安装node。下载地址: https://nodejs.org安装成功后,配置环境变量 在path中添加:在命令窗口测试node 是否配置成功:node -v输出node版本即为成功

如何创建react native 项目如何创建react native 项目

2、安装react native通过命令:$npm install -g react-native-cli注:如果遇到Cannot find 罪焐芡拂module 'npmlog', 可以尝试命令:$curl -0 -L https://npmjs.org/install.sh | sudo sh确保react-native安装成功,可以用检查版本的命令来检查react-native命令: $react-native -v

如何创建react native 项目

3、安装Git下载地址:http://git-scm.com/download/win安装成功后配置环境变量类似于第一步:path中添加D:\react_native\git\Git\cmd

4、通过命令窗口切换到想要创建项目的根目录下,然后运行 react-native init MyProject(剐疫柩缓项目名称)最后会显示:To run your app on iOS: cd D:\Users\XXX\MyTest react-native run-ios - or - Open ios\MyTest.xcodeproj in Xcode Hit the Run buttonTo run your app on Android: cd D:\Users\XXX\MyTest Have an Android emulator running (quickest way to get started), or a device connected react-native run-android

5、切换到自己项目下:cd MyProject运行 npm install (安装node_modules)

6、安装node_modules成功后,运行react-native run-android 即可。

7、在浏览器中输入http://localhost:8081/index.android.bundle?platform=android 会显示一长串的json代码。

8、可能遇到的问题:如果android系统是5.0以下1.Could not get BatchedBridge, make sure your bundle is package correctly.Dev Settings->Debug server host & port for device 修改IP为 充当服务器的PC的ip地址:8081(!!!)。然后reload,最后显示如下界面就是成功啦。

如何创建react native 项目
  • js中replace方法如何全部替换目标字符串
  • 如何使用Android monkey进行自动化测试
  • 【算法题】Java如何实现二进制串相加求和
  • jquery如何改变input的提示文字
  • 构建MySQL服务器详解
  • 热门搜索
    什么是经济人 预埋单是什么意思 时间继电器的作用 carry是什么意思 攻和受是什么意思 蓬荜生辉的意思 薛定谔的猫是什么意思 疑惑不解的意思 杀马特什么意思 喝什么牛奶容易长高