01-移动APP环境配置

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_29412527/article/details/80674398

移动App环境配置

使用Ionic开发需要安装的基本工具

• Node

• Git

• JAVA JDK
• Android SDK

• Ionic cordova

• react native 需要以下文件

• python　
• Visual Studio 2015 （当你安装失败就需要c++环境）
• 如果没有安卓设备建议买一个，也可以选虚拟机
• Genymotion （最快的虚拟机）
• bluestacks （最傻瓜式虚拟机）

安装之前要做的事

• 把所不相关的软件都设置为非开机启动，特别是国产杀毒软件，卫士之类软件。
• 然后重新启动系统
• 安装过程和使用过程中如果有防火墙提示，都点击允许访问。如果有权限提示，都点击是或者确定。
• node的版本 4之上 （6推荐）
• 所有安装都不能有中文名称

安装Ionic开发需要的基本工具

Node

• 下载地址

Git

• 下载地址
• ng-cordova插件需要使用

JAVA JDK

• 下载地址

• Java Development Kit

• 这是做java语言运行开发所依赖的工具，就像js语言运行需要浏览器一样
• 环境变量: javascript

• 环境变量配置:

  • JAVA_HOME,变量值配置为:jdk安装路径(c:/xxx/jdk1.8.0.25)
  • CLASSPATH,变量值配置为:

  .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

  注意最前面有个点

  • PATH,变量值追加: ;%JAVA_HOME%\bin;
    (win10系统的，列表的。%JAVA_HOME%\bin 即不带分号)

• 输入javac较验

• 或输入java -version

Android SDK

• Android SDK是Android平台上进行软件开发所需要的开发包

• 这里我们通过安装Android Studio的方式来安装Android SDK

  • Android Studio 是Android开发的IDE(集成开发环境)
    
    • 至少是2.0 或者更版本

• 我们不是要使用这个IDE，而是要使用它所集成的Android SDK,如果手动下载安装SDK很麻烦。

• 安卓官网被墙android sdk 中文网站

• 注意：安装路径不要有中文也不要用空格

• 环境变量:

  • ANDROID_HOME:变量值配置为sdk安装路径(C:\iscDev\Android\sdk)
  • PATH:变量值追加:
    %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools

• 检测
  cmd命令行中输入adb

• android sdk build-tools 23.0.1、24.0.2

• android api (24、23) sdk platform

cordova

• 也是一种混合开发的工具w
• 通过npm 安装 cordova ,需要进行全局安装。
  
  • npm install -g cordova

ionic

• 是基于cordova的混合开发工具，是对cordova的封装
• 通过npm 安装 Ionic,需要进行全局安装
  
  • npm install -g ionic

Viusal Studio 2015

• 主要是为了使用该工具所提供的C++环境
• 这是个终极大Boss
• 安装所需时间30分钟到2小时不等，甚至更长(取决于电脑性能)。

---

以上是Ionic开发移动App所依赖的环境

---

使用ReactNative开发所需要的环境

• Node
• JDK
• Android SDK
  
  • Python
• visual studio 2015
• 模拟器(可选)

Node

• Node>4

Python

• 下载地址

JDK

Android SDK

模拟器(可选，大纲之外)

如何通过adb devices连接手机

1.保证手机驱动安装成功，360手机助手
2.在手机的设备中开启开发者模式
3.开发者模式选中、usb调试选中
4.输入adb devices 你的手机会出现是否启用usb调试模式

快速开始

• 1. 下载 npm install -g cordova ionic （如果报错请拆开下载）
• 1. 创建一个空的项目 ionic start myApp tabs (myApp项目名称 ，tabs是项目的模板) //ionic.config.json
     如果丢失ionic.config.json文件自己创建并添加以下代码
     {
     “name”: “myApp”,
     “app_id”: “”
     }
• 1. 通过ionic platform add android 对当前项目添加android所依赖的文件
     删除掉platforms和plugins重新执行ionic platform add android
• 补救措施 补充 cordova add platform android 用来下载android的依赖文件
• 1. 将当前的项目进行打包 ionic build android