# xupd开发工具

## 1.Android相关

### 1.1 Windows配置Android开发环境

#### 1.安装JAVA SDK
你可以从 Oracle 的 Java 网站：[JDKJava SE下载](http://www.oracle.com/technetwork/java/javase/downloads/index.html)下载最新的Windows平台的 Java版本并安装在指定目录。

#### 2.配置系统环境变量

"计算机"->"属性"->"高级系统设置"->"环境变量"，新建"JAVA_HOME"的环境变量，指向JAVA的安装目录。

![](Image/01.png)



然后到用户变量中选中Path，点击新建：

![](Image/02.png)

添加%JAVA_HOME%\bin, %JAVA_HOME%\jre\bin到path中:

![](Image/03.png)

#### 3.安装AndroidStudio并安装AndroidSDK

下载AndroidStuido：https://developer.android.com/studio

安装完后，会去引导用户去下载AndroidSDK，下载到需要的位置即可，或者在AndroidStudio的ToolBar的`SDK Manager` 去下载和配置AndroidSDK。

![](Image/04.png)

#### 4.配置SDK到环境变量

打开环境变量设置，新建系统环境变量，添加

```
ANDROID_HOME-> AndroidSDK目录
```

![](Image/05.png)

接着在用户变量中选中Path->编辑Path->新建

```
%ANDROID_HOME%\tools
```

```
%ANDROID_HOME%\platform_tools
```



![](Image/06.png)



至此，Windows 下 Android环境已经搭建完成。



###  1.2Mac下Android开发环境搭建
#### 1.安装JDK
你可以从 Oracle 的 Java 网站：[JDKJava SE下载](http://www.oracle.com/technetwork/java/javase/downloads/index.html)下载最新的适用于Mac平台 Java版本并安装。


#### 2.配置环境变量
找到` ~/.bash_profile`文件并编辑。

添加JAVA_HOME到文件中：
```
export JAVA_HOME="(Java安装路径)/Contents/Home"
export JAVA_HOME
export PATH=$PATH:$JAVA_HOME
```

保存后应用刚刚的修改，执行命令：
`source ~/.bash_profile`



#### 3.下载AndroidStudio并配置AndroidSDK

下载AndroidStuido：https://developer.android.com/studio

安装完后，会去引导用户去下载AndroidSDK，下载到需要的位置即可，或者在AndroidStudio的ToolBar的`SDK Manager` 去下载和配置AndroidSDK。



配置SDK_HOME，编辑`~/.bash_profile`文件，配置AndroidSDK路径到环境变量中：

```shell
SDK_HOME=/Users/yannchee_ali/Library/Android/sdk
export SDK_HOME
export PATH=$PATH:$SDK_HOME
```

保存后，应用修改，执行命令：

`soucre ~/.bash_profile`



至此，Mac下的Android开发环境已搭建完成。





## 2.iOS相关

#### 1.安装Xcode
到Mac的应用商店去搜索`Xcode`，下载并安装。

![](Image/08.png)

#### 2.安装HomeBrew

***Homebrew*** 是一个包安装工具，它能让你在安装和更新程序时变得更为方便

运行命令安装HomeBrew：

`ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"`



#### 3.安装CocoaPods

***CocoaPods*** 是IOS开发、macOS开发中的包依赖管理工具。

运行命令安装CocoaPods:

```shell
sudo gem install cocoapods
```





至此，iOS开发环境一搭建完成。



## ReactNative 相关

#### 1.安装VSCode

到官网下载自己平台下的VSCode并安装：[VSCode Download](https://code.visualstudio.com/download)



#### 2.安装常用插件

安装完成后需要安装ReactNative相关的插件，点击IDE左侧的扩展去下载插件：

![](Image/10.png)





需要用到的插件有:

**ESLint**：IDE JS用于语法相关插件

**Prettier**:  JS代码格式化插件

**React Native Tools**： React Native 工具插件，用于ReactNative环境及命令运行工具





![](Image/09.png)





至此，VSCode已经安装完成。