# 前端安装 ## 复制git地址 1. 进入`Saber`项目首页： * 开源版：[https://gitee.com/smallc/Saber](https://gitee.com/smallc/Saber) * 商业版：[https://git.bladex.vip/blade/Saber](https://git.bladex.vip/blade/Saber) * 商业版购买地址：[https://bladex.vip/#/vip](https://bladex.vip/#/vip) 2. 复制`Saber`的`git`地址 * 开源版：![](https://img.kancloud.cn/58/ad/58ada3804d4d78c715322d81d19b9fe6_2202x802.png) * 商业版：![](https://img.kancloud.cn/75/5d/755d50464904d18f047693a2928abead_2158x574.png) 3. 进入对应目录后克隆代码(windows可以用git bash客户端) ![](https://img.kancloud.cn/17/29/1729099c5a0ac68f5ed8ed5769d799a3_874x392.png) ## 安装工程 1. 安装yarn并配置淘宝源 ![](https://img.kancloud.cn/b3/0d/b30d107cb7ecdd5c2a7bafda1d3d4a0a_940x256.png) ~~~cpp > npm install -g yarn --registry=https://registry.npm.taobao.org ~~~ ~~~cpp > yarn config set registry https://registry.npm.taobao.org -g ~~~ 2. 进入Saber根目录进行安装 ~~~ > cd Saber ~~~ ~~~ > yarn install ~~~ ![](https://img.kancloud.cn/8b/a4/8ba4ff14b1cf5eedaa06018342d3c248_1418x312.png) ## 导入工程 1. 打开WebStorm，点击File选择Open ![](https://img.kancloud.cn/41/86/4186ca8f5501d8d0d3b0e6ef6b67ef0e_1072x704.png) 2. 找到对应目录的工程，并打开 ![](https://img.kancloud.cn/41/16/4116ea30f2db8789731be19fd80a406e_1598x896.png) 3. 看到如下界面则说明导入成功 ![](https://img.kancloud.cn/44/a2/44a2fbac308c41891d2d4252e4fb5b41_704x1402.png)