React Native安装和使用(基于android端)(一)
来源:互联网 发布:java程序设计高级证书 编辑:程序博客网 时间:2024/05/28 16:25
/*** * React Native的安装 * 说明:我的qq号:1457521527;欢迎互相学习~ * @author yjbo * @create 2017年3月24日23:37 */
转载请标明:http://blog.csdn.net/yangjianbo456/article/details/65697174
react-native系列
一、React Native安装和使用(基于android端)(一)
二、React Native开发工具、插件(二)
开发文档
React Native中文官网:http://reactnative.cn/docs/0.42/getting-started.html#content
React Native的安装过程比较麻烦;需要各种配置,当初为了配置,整合了各种资源,梳理了以下的步骤,一步一步走上安装React Native之路;主要是进行以下几步:
下面摘抄React Native官网的安装说明文档,###红色的部分为注意的地方;
1.使用vpn
1.我使用的是免费的vpn---蓝灯,不用vpn,下载不了Chocolatey;
蓝灯vpn下载地址:点击下载
2.Chocolatey
2.Chocolatey是一个Windows上的包管理器,类似于linux上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样:
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
一般来说,使用Chocolatey来安装软件的时候,需要以管理员的身份来运行命令提示符窗口。译注:chocolatey的网站可能在国内访问困难,导致上述安装命令无法正常完成。请使用稳定的翻墙工具。 如果你实在装不上这个工具,也不要紧。下面所需的python2和nodejs你可以分别单独去对应的官方网站下载安装即可。
3.Python 2
打开命令提示符窗口,使用Chocolatey来安装Python 2.
注意目前不支持Python 3版本。
choco install python2
配置环境变量:检查python2是否已经安装完成;
4.Node
( ###我这里是用直接下载的,没用cmd,cmd一直下载不下来)
[nodejs安装包下载](http://6dddx.pc6.com/wwb3/node695x64.zip),[nodejs更多安装包](http://nodejs.cn/)([nodejs安装步骤](http://www.cnblogs.com/starof/p/5194716.html))(没用nodejs下面的下载方法)打开命令提示符窗口,使用Chocolatey来安装NodeJS。注意,目前已知Node 7.1版本在windows上无法正常工作,请避开这个版本!choco install nodejs.install
安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global
###npm ==='npm' 不是内部或外部命令,也不是可运行的程序或批处理文件。此时得注意是否是node环境变量没有配置;
环境变量:NODE_PATH:D:\nodejs\node_global Path:D:\nodejs\node_global;D:\nodejs\node_global\node_modules[node环境变量配置](http://www.cnblogs.com/mora1988/p/6484211.html)5.Yarn、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
npm install -g yarn react-native-cli
安装完yarn后同理也要设置镜像源:
yarn config set registry https://registry.npm.taobao.org --globalyarn config set disturl https://npm.taobao.org/dist --global
/*** yarn 不是内部定义;错误:* 这时需要安装yarn;下面有yarn安装步骤:* *安装完成yarn之后再进行设置* yarn config set registry https://registry.npm.taobao.org --global* yarn config set disturl https://npm.taobao.org/dist --global* ;然后就可以进行react-native功能;*/
yarn安装步骤
6.然后新建react-native项目:
测试安装react-native init AwesomeProjectcd AwesomeProjectreact-native run-android提示:你可以使用--version参数创建指定版本的项目。例如react-native init MyApp --version 0.39.2。注意版本号必须精确到两个小数点。Windows用户请注意,请不要在命令行默认的System32目录中init项目!会有各种权限限制导致不能运行!手动运行Packager有个常见的问题是在你运行react-native run-android命令后,Packager可能不会自动运行。此时你可以手动启动它:cd AwesomeProjectreact-native start
一般使用的也就3行代码:
1.react-native init AwesomeProject(--新建项目;)cd AwesomeProject(切换到该项目目录)2.react-native start(在项目目录下启动react-native服务)3.react-native run-android(在项目目录下将项目运行到android模拟机上);
但是一般会遇到端口号8081被占用;
7.端口被占用的处理方法
参考文档:如何用DOS命令查看占用某端口的程序及PID号
将冲突的端口号关闭,一般都是nodejs软件,控制台结束进程就好;
解决玩这些问题之后就可以实现效果了。完成react-native的第一个项目的创建;
参考了下面几个链接:
1.React Native中文官网:http://reactnative.cn/docs/0.42/getting-started.html#content
2.http://blog.csdn.net/wx_jin/article/details/51086565
3.nodejs安装包下载
4.nodejs更多安装包
5.nodejs安装步骤
6.node环境变量配置
7.yarn安装
8.如何用DOS命令查看占用某端口的程序及PID号
工具:
1.蓝灯vpn下载地址:点击下载
- React Native安装和使用(基于android端)(一)
- react-native android教程一(AS中使用react-native)
- React Native for Android 实战(一):配置和起步
- React Native for Android 实战(一):配置和起步
- React Native for Android 实战(一):配置和起步
- React Native Android(一)环境搭建
- React Native Android(一)环境搭建
- react-native 安装与环境配置(踩坑版,基于android studio)
- 安装React Native开发环境 (基于mac)
- react-native学习(一)
- 自学React Native(一)
- React Native 入门(一)
- 小白学react-native android之路(一、初识react-native)
- react-native安装使用
- React-Native 安装使用
- React Native入门(一)之安装,环境搭建
- React Native学习笔记[一](环境安装)
- React Native 常见问题总结(android端)
- Billboard HDU
- 微信公众号如何实现瑜伽会员管理系统
- qsort 排序
- Sublime Text Build 3126 x64的安装、注册和汉化
- 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
- React Native安装和使用(基于android端)(一)
- 决策树原理实例(python代码实现)
- 用py2exe打包成一个exe文件
- epoll简介
- “arcgis desktop 遇到严重的应用程序错误,无法继续”的解决方案
- PHP使用CURL详解
- 百度语音实现笔记
- 解决oracle11G安装84%报错 出现Error in invoking target
- 实现bubble_sort<冒泡法>