• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >Android > 第一节 搭建开发环境,第一节搭建开发

第一节 搭建开发环境,第一节搭建开发

作者:网友 字体:[增加 减小] 来源:互联网 时间:2017-05-26

网友通过本文主要向大家介绍了第一节认识环境管理,第一节地球的宇宙环境,第一节细胞生活的环境,第一届天津环境文化节,九年级化学第一节课等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

第一节 搭建开发环境,第一节搭建开发



# 安装要点:

1. 严格按照官方文档:https://facebook.github.io/react-native/docs/android-setup.html
2. 遇到问题首先在项目git issue里寻找答案。
3. 模拟器:仅安装genymotion模拟器,不需要尝试谷歌自带的,或微软的模拟器,那种速度会非常痛苦。

# 系统准备:
1、系统环境:
C:\WINDOWS\system32>git --version
git version 2.6.4.windows.1

C:\WINDOWS\system32>node -v
v5.4.0

C:\WINDOWS\system32>npm -v
3.3.12

D:\note>react-native --version
react-native-cli: 0.1.10
react-native: 0.21.0
这里注意npm3,以前所有的npm依赖,是目录嵌套目录,现在是平行放在同一个目录下。安装react-native-cli的时候,
版本3是必要的。
非必需:安装了vs2015社区版,注意勾选c++相关模块,有些C++模块可藉此编译。

# 安装jdk(国内正常访问)
http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html
Java Platform, Standard Edition这一节,点击jdk download按钮
在Java SE Development Kit 8u66这一节中,先accept它的协议
因为使用win10,windows x64版本,下载后正常安装。
然后:
1、增加环境变量:
JAVA_HOME,其值为jdk的安装路径:C:\Program Files\Java\jdk1.8.0_66

2、确保Path里有jdk的bin目录
C:\Program Files\Java\jdk1.8.0_66\bin

# 安装android sdk管理工具(国内网站替代)
##安装:
下载sdk manager,这里都选择x64版本,http://androiddevtools.cn/ 在主菜单的android sdk tools中选择sdk tools:
选择Windows installer_r24.3.4-windows.exe
安装完毕后执行sdk manager,要更新的话,科学上网,或者使用淘宝、腾讯的镜像。
将SDK的platform-tools子目录加入系统PATH环境变量。

## 更新android sdk(科学上网)
Define the ANDROID_HOME environment variable 然后重启
值为:C:\Program Files (x86)\Android\android-sdk
这里要严格按照官方文档,该安装的都要安装,没勾的不要安装,注意版本号要一致。

# 安装react-native-cli
npm install -g react-native-cli
这是react native的命令行工具

# 安装react native
执行:
D:\>react-native init note
这个过程很漫长,因为此时才会下载react-native包。
要注意react native包不要全局安装,首次init项目后,会缓存react-native,下次就很快乐。
同时要注意国内的npm源不可用,为了速度快些,可以将https源改为http源
npm config set registry "https://registry.npmjs.org"
初始化项目完毕后,在模拟器成功运行,才意味着安装成功:
1、打开genymotion
2、启动一个模拟器:这里注意,通过模拟器的手机操作,打开wifi并连接上面唯一的热点。
3、开两个命令窗口:
第一个运行:npm start,启动服务,保持监控状态
第二个运行:react-native run-android
在项目运行后修改代码,在模拟器上,右下角找到menu图标,选择ReloadJs即可,不需要每次执行上述步骤。

#遇到的问题
## 问题1:模拟器不能连接
使用模拟器的手机设置功能,打开wifi,连上唯一的热点。
其它不用额外设置。
## 问题2:运行时出错:
原因是使用了国内npm源,改FQ重新init项目,结果正常。

#使用Visual Studio Code

安装了react native支持模块后,按Ctrl+shift+p,输入R
react native:start package 作用等同npm start
react native:run android 等同react-native run-anroid.

 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 第一节 搭建开发环境,第一节搭建开发

相关文章

  • 2017-05-26android:TextView实现文字走马灯效果(欺骗系统获取持久的焦点)
  • 2017-05-26Android开发5:应用程序窗口小部件App Widgets的实现,androidwidgets
  • 2017-05-26Setting 之dashboard 点击跳转流程,settingdashboard
  • 2017-05-222.5.7 Toast(吐司)的基本使用
  • 2017-05-26用Kotlin创建第一个Android项目(KAD 01),kotlinandroid
  • 2017-05-26Android Studio 之 注释模板,androidstudio
  • 2017-05-26android内核剖析,android内核
  • 2017-05-26android MediaPlayer 错误代码(error code)总结 转载,androidmediaplayer
  • 2017-05-26使用GNU parallel
  • 2017-05-26android测试工具MonkeyRunner--google官网翻译

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • android 获取GPS定位,androidgps定位
    • AsyncTask基础(笔记)
    • 集成websocket即时通讯 java聊天源码 代码下载 java后台框架源码 websocket源码 IM,websocket即时通讯
    • 浅谈Android应用保护(一):Android应用逆向的基本方法,浅谈android
    • Android开发:内存机制分析——堆和栈
    • Android横竖屏切换小结,Android屏切换小结
    • Adroid: getExternalStorageDirectory 不一定是你想要的外部存储SdCard,adroidsdcard
    • Android性能优化之Bitmap的内存优化
    • 手机影音7--视频播放器的基本功能(4),7--基本功能
    • Android开发6:Service的使用(简单音乐播放器的实现),androidservice

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有