# Xupd环境配置

## 1.npm环境配置

### 1.1 安装NodeJS

npm依赖于node环境，所以需要先去下载并安装nodeJS，可以去[官网](https://nodejs.org/en/)选择自己的平台下载并安装nodeJS。成功安装完nodeJS用命令查看是否安装成功，用命令行工具运行：

`node -v`

可以获取到node的安装版本则说明安装成功

![](Image/01.png)



### 1.2 更新npm

安装完Node，node实际上已经自动安装npm，npm的更新相比于node更频繁，所以本地已经安装的npm并非一定是最新的版本，运行命令安装最新的npm：

`npm install npm@latest -g`

![](Image/02.png)



### 1.3 设置npm源到taobao

taobao是对官方源的镜像，对npm管理包的下载体验更好所以需要切换到taobao源，运行：

`npm config set registry https://registry.npm.taobao.org`

通过下面的命令来验证是否切换成功，运行：

`npm config get registry`  

或者

`npm info express`

![](Image/03.png)



### 1.4 安装yarn并设置yarn镜像源
运行命令安装：
`npm install yarn -g`
安装完成后设置yarn镜像源：

```shell
yarn config set registry registry.npm.taobao.org --global
yarn config set disturl npm.taobao.org/dist --global
```



## 2.安装xupd-cli脚手架

xupd-cli依赖于npm，安装完npm后可以直接通过npm下载xupd-cli脚手架，运行如下命令安装cli脚手架：

`npm install xupd-cli -g`

如果需要更新xupd-cli则运行：

`npm update xupd-cli -g`





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

### 3.2配置JAVA环境变量
"计算机"->"属性"->"高级系统设置"->"环境变量"，新建"JAVA_HOME"的环境变量，指向JAVA的安装目录。
![](Image/04.png)



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

![](Image/05.png)

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

![](Image/06.png)


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

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

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

![](Image/07.png)

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

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

```
ANDROID_HOME -> AndroidSDK路径
```

![](Image/08.png)


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

```
%ANDROID_HOME%\tools
```

```
%ANDROID_HOME%\platform_tools
```

![](Image/09.png)



##  4.Mac下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开发环境已搭建完成。


## 5.Mac 下搭建iOS开发环境
#### 1.安装Xcode
到Mac的应用商店去搜索`Xcode`，下载并安装。

![](Image/10.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
```



至此，xupd脚手架的相关环境已经安装完成。

下面是其他相关文档：

[xupd-App开发文档](../app/app.md)

[xupd-组件开发文档](../component/component.md)








