安装react-native-cli工具（三）

设置淘宝镜像（这一步可以省略）

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

然后安装完 yarn 后同理也要设置镜像源（这一步可以省略）
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

全局安装nrm npm install -g nrm
执行命令nrm ls查看可选的源。
切换到淘宝
nrm use taobao

使用nrm工具切换淘宝源

nrm use taobao

如果之后需要切换回官方源可使用

npx nrm use npm

安装react-native-cli工具

npm i react-native-cli -g //全局安装第一次这样做哈！以后就不需要了
react-native init rnapp (rnapp 是项目名)
等它安装
cd rnapp
ps===》cd 之前人家提示你必须要有一个模拟器
你执行adb devices 如果有模拟器端口说明是有模拟器

react-native run-android 启动项目
最后会出现 BUILD SUCCESSFUL
你就可以关闭这个窗口了
等几分钟就会在你的模拟手机上出现RN的页面上的视图

如何热跟新
在cmd 中adb shell input keyevent 82
在模拟器弹出的界面中，选择
Live哪一个到那时安卓模拟器却没有LIVE这个选项

C:\Users\user\AppData\Local\Android\sdk1\platforms是安卓的SDK的目录哈。
你可以去看那些安装成功了的。
C:\Users\user\AppData\Local\Android\sdk1\platforms
第一次这个目录下有android-24

项目结构介绍
index.js是入口文件哈
app.js是一个顶级组件
初始化的页面就是在app.js中哈

原文地址：https://www.cnblogs.com/IwishIcould/p/12080303.html

时间： 2024-10-16 19:36:28

安装react-native-cli工具（三）的相关文章

Windows版本搭建安装React Native环境配置

1 安装Chocolatey 打开cmd黑窗口 @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin把这个代码粘进去,回车 2 安装No

史上最详细Windows版本搭建安装React Native环境配置转载，比官网的靠谱亲测可用

史上最详细Windows版本搭建安装React Native环境配置 2016/01/29 | React Native技术文章 | Sky丶清| 95条评论 | 33530 views 编辑推荐:稀土掘金是一个高质量的技术社区,从 React Native 到 RxJava,性能优化到优秀开源库,让你不错过移动开发的每一个技术干货.各大应用市场搜索「掘金」,技术干货尽在掌握中. 说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了React Native的OS X

react-native学习笔记--史上最详细Windows版本搭建安装React Native环境配置

参考:http://www.lcode.org/react-native/ React native中文网:http://reactnative.cn/docs/0.23/android-setup.html#content 1.安装Jdk(最好默认安装路径尽量别改) http://jingyan.baidu.com/article/a24b33cd59b58e19fe002bb9.html http://www.jb51.net/article/36811.htm(三个环境变量都配置) Ja

Windows版本搭建安装React Native环境配置及相关问题

此文档整理参考地址: http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/ http://android-mirror.bugly.qq.com:8080/include/usage.html 1.安

史上最详细Windows版本搭建安装React Native环境配置

说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了React Native的OS X系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特意更新一贴来说明.关于os x环境搭建以及react native入门学习资料请移步:http://www.lcode.org/react-native/ 刚创建的React Native技术交流3群(496508742),欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微

Windows搭建安装React Native环境配置

1.安装Java 这里需要注意对环境变量的设置,可以根据Java -version来检测一下,jdk最好是1.8以上 2.安装SDK 这里需要注意设置环境变量ANDROID_HOME:Android SDK Manager的位置例如:(ANDROID_HOME=> E:\Android\sdk)设置环境变量PATH:例如:(PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools) 3.设置SDK 打开Android SDK Mana

基于React Native的跨三端应用架构实践

作者|陈子涵编辑|覃云 “一次编写, 到处运行”(Write once, run anywhere ) 是很多前端团队孜孜以求的目标.实现这个目标,不但能以最快的速度,将应用推广到各个渠道,而且还能节省大量人力物力. React Native 的推出,为跨平台的开发带来了新的曙光. 虽然 Facebook 官方 blog 的说法 React Native 支持“Learn once, write anywhere.”. 但经过开源社区的不断努力,React Native 已经可以达到“一次编写

window下安装react Native环境

安装方法跟 react Native中文网几乎一样,事实上就是参照该网站安装的~ 1.安装Chocolatey,cmd执行: @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSP

React native 开发工具 VSCode

1.VSCODE下载地址:先下载VSCode软件 2.代码提示功能: 打开 VSCode ,然后按住键盘 command+p,然后在vscode上面输入框输入: "ext install vscode-react-native",就可以在写React native代码获得代码提示功能了.

React Native入门（三）组件的Props(属性)和State(状态)