前言
网上的教程皮的简直不谈了,非要搞个AndroidStdio,你以为呢?反手就是一重锤,我就是不装,第一开发的很多工作都不需要这个IDE,第二运行起来还很吃内存,经过实践有如下的教程,请大家指教。
安装
git不说了,我相信你早就安装了
Java8
需要配置环境变量JAVA_HOME,CLASS_PATH和path路径,配置方式如下
JAVA_HOME => C:\java\jdk # jdk的安装目录CLASS_PATH => C:\java\jdk\lib # jdk中的lib目录PATH => 添加 C:\java\jdk\bin 和 C:\java\jre\bin 这两个bin目录
安装Android SDK
参考我的另一篇文章 配置安装sdk,注意安装的是6.0以及与其相关的工具,不要问我为什么,我也不知道为什么是6.0
选择列表如下
之后配置下属环境变量
ANDROID_HOME => D:\Android\android-sdk # SDK的目录PATH 中添加下面的目录,对应着来就行D:\Android\android-sdkD:\Android\android-sdk\build-toolsD:\Android\android-sdk\platform-toolsD:\Android\android-sdk\tools
node.js
这个直接从官网下载安装就行,没有什么难度
Python
安装Python3可以的,亲测有效。网上给的多数教程都是Python2
,神魔恋???
React-native
npm 命令安装
npm install -g react-native-cli
下面的是淘宝镜像加速的教程
npm config set registry https://registry. --globalnpm config set disturl /dist --global
编辑器的选择
既然放弃了笨重但是功能强大的AndroidStdio,就需要寻找另一个替代的编辑器。下面两款编辑器推荐给大家,可以通过插件来丰富编辑器的功能,给自己不一样的体验,感受极客编程的快感
vscodesublimeText3
初始化
react-native init hello # hello就是醒目的名称,自己取cd hello # 进入hello目录npm install # 安装依赖,安装的东西都列在package.json中
到此一个demo项目已经创建完毕
安装模拟器
我在中文网上看到的是用Genymotion
,日了,只说怎么装但是没有说怎么用,还是英文,都怪我英文烂,那么我们就用中文的夜神模拟器 其他的模拟器自行参考这个教程操作。
安装完成之后运行 需要让adb devices
检测到你的安卓模拟器,所以需要建立连接,夜神的端口号是62001
# 进入夜神模拟器安装目录的bin目录下执行下面的命令nox_adb connect 127.0.0.1:62001
这时候在cmd
中可以用下面命令查看
adb devices## 显示List of devices attached127.0.0.1:62001 device
这就说明连接上了
之后连接只需要adb connect 127.0.0.1:62001
即可
运行
在项目目录下运行下面的命令
react-native run-android
之后便真的可以在模拟器看到结果了吗?NONONO,你会遇到如下的错误
踩坑
找不到SDK路径
SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.
在android目录下创建一个local.properties
文件中加入sdk路径,注意是绝对路径。可以解决上述问题但是这样项目的移植性会受到影响,每次需要修改sdk的路径。但是问题不大,只是配置的问题,代码是没有影响的。
sdk.dir = C:\\Program Files (x86)\\Android\\android-sdk
license问题
You have not accepted the license agreements of the following SDK components:
[Android Support Repository].
Before building your project, you need to accept the license agreements and complete the installation of the missing components using the Android Studio SDK Manager.
在sdk\tools\bin
目录下运行sdkmanager --update
模拟器红屏问题
按照下图操作,Dev-setting