diff --git a/code/ArkUI2.0/ets.zip b/code/ArkUI2.0/ets.zip
new file mode 100644
index 0000000000000000000000000000000000000000..7ba2ea0be371083171c2ddc8e7c2b19a38a5d6eb
--- /dev/null
+++ b/code/ArkUI2.0/ets.zip
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8628d77a15267c9e1f48063ac4fb910f1b42de1e2d3106f2d1d157ad6ea14375
+size 133568161
diff --git a/code/ArkUI2.0/serverdeployment.md b/code/ArkUI2.0/serverdeployment.md
index ec1746372ffdcc495824d4aa0d90a714813d91b3..2279eb35652d0c2ee33589e0a2a99b46c2125e35 100644
--- a/code/ArkUI2.0/serverdeployment.md
+++ b/code/ArkUI2.0/serverdeployment.md
@@ -121,7 +121,7 @@ pip3 install ninja==1.11.1
 ninja --version // 验证是否安装成功和版本是否正确
 ```
 
-## 配置npmrc
+### 配置npmrc
 
 通过find -name .npmrc找到npmrc文件位置，按照以下命令打开配置文件编辑。
 
@@ -230,7 +230,7 @@ npm install
 cd incremental/tools/panda
 npm run panda:sdk:install
 cd ../../../arkoala-arkts/shopping
-KOALA_BZ=1 HTTP_CACHE_DIR=$HOME/download npm run har-arm64
+KOALA_BZ=1 HTTP_CACHE_DIR=$HOME/download npm run har-arm64-interop
 ```
 
 上述操作执行完生成shopping.har文件，通过下方命令找到文件路径，将这个文件下载到本地
@@ -265,6 +265,38 @@ find -name shopping.har
 
 4.在指定版本的IDE中编译新建的工程，安装在指定镜像且推送了指定SO的设备中。
 
+### UI调试、编译
+
+1.下载安装deveco studio code
+
+下载地址：https://developer.huawei.com/consumer/cn/download/
+
+2.替换本地IDE(deveco studio code)SDK中ets文件，替换的文件为此md文档同级目录下的ets压缩包
+
+本地IDE(deveco studio code)SDK路径：${IDE_PATH}/DevEco Studio/sdk/default/openharmony/下的ets
+
+3.新建工程
+
+点击IDE左上角file按钮，下拉弹窗中选择new-->create porject弹窗以下窗口选择empty ability即可
+
+<img src="../Project/HapBuild/screenshots/new_project.PNG" style="zoom:150%;" />
+
+4.在新建的工程中去写自己的逻辑、UI页面等内容，完成后IDE编译通过模拟器或者设备看看效果是否满足预期，满足预期的效果复制到搭建的编译环境中进行编译。如果是主页的内容则复制到如下图的文件中，其他页面自行根据业务需求自行处理。
+
+复制粘贴的过程建议使用vsCode，服务上的vim命令效率较低，vsCode连接本地ubtunu教程参考下一章节
+
+![](../Project/HapBuild/screenshots/index_src.PNG)
+
+### VSCode连接ubtunu
+
+1.下载安装remote ssh插件如下图
+
+![](../Project/HapBuild/screenshots/remote_ssh.PNG)
+
+2.点击左下角蓝色按钮，弹出下拉弹窗选择连接到WSL则会自动连接到本地ubtunu。
+
+![](../Project/HapBuild/screenshots/wsl.PNG)
+
 ### FAQ
 
 **1、代码更目录下npm install失败报错超时**
diff --git a/code/Project/HapBuild/screenshots/index_src.PNG b/code/Project/HapBuild/screenshots/index_src.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..9a58cab3b4d300e59e27a05ce44eaca39434ced6
Binary files /dev/null and b/code/Project/HapBuild/screenshots/index_src.PNG differ
diff --git a/code/Project/HapBuild/screenshots/new_project.PNG b/code/Project/HapBuild/screenshots/new_project.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..4ff007a9d73c83016992837f6eb6ee521e3d7f38
Binary files /dev/null and b/code/Project/HapBuild/screenshots/new_project.PNG differ
diff --git a/code/Project/HapBuild/screenshots/remote_ssh.PNG b/code/Project/HapBuild/screenshots/remote_ssh.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..40ab96081a4239fac5ff94465d81071537ec164e
Binary files /dev/null and b/code/Project/HapBuild/screenshots/remote_ssh.PNG differ
diff --git a/code/Project/HapBuild/screenshots/wsl.PNG b/code/Project/HapBuild/screenshots/wsl.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..b039a8ea38b4079b5d3d0700c23c2746ca4b5c1e
Binary files /dev/null and b/code/Project/HapBuild/screenshots/wsl.PNG differ