编辑语：
随着RISC-V生态的蓬勃发展，相关开源开发套件也开始逐渐丰富。为了帮助开发者快速了解、玩转新推出的RISC-V开发套件，OCC推出RISC-V生态开发套件解析系列内容，详细讲解生态开发套件的功能特点与上手教程。
通过上期内容的学习，相信广大开发者对于如何实现waft应用开发有了更清晰的认识。为了提升waft应用的开发效率，本期我们将带大家一起学习如何使用模拟器和dep_tools网页版。
01 模拟器使用
waft应用现在可以脱离设备，运行在pc端上的模拟器。这标志着waft应用开发又提效了，开发者可以在pc模拟器上调试好应用开发，页面调试，然后在真机上运行。下面介绍模拟器的使用。
1.准备工作
确保安装了npm cli工具，安装方法参考waft基础教学一，下载waft-ui组件demo仓库。
2.使用模拟器
我们进入下载的waft-ui组件仓库。
cd ~/waft-ui
拉起cli，运行npm start
npm start
这时会进入命令行交互界面
waft>
编译我们的waft-ui，
.build --aot=true --aotTarget=riscv64
或者直接
.build
前者会编译aot版本的waft应用，后者只编译wasm字节码
最后用模拟器加载字节码
.simulator --width=800 --height=480 --wasm=build/app.wasm
3.效果展示
02 dep_tools网页版使用
1.准备工作
确保安装了npm cli工具，安装方法参考waft基础教学一；
2.拉起dep_tools网页界面
进入我们的waft工程（自己建的或者通过下载的waft-ui工程均可）。
执行如下命令：
npm start
此时终端会出现以下信息：
浏览器会自动打开页面（建议将chrome设置为默认浏览器）。
页面默认是真机设备界面，此时，pc端是一个server。除了连接真机设备调试，还可以选择模拟器设备。
点击“启动&重启”，即可看到模拟器加载的wasm页面。
3.查看dom树
我们还可以在页面上查看dom树的结构，
在Console项还可以查看log
4.调试
我们还可以修改前端页面，快速在模拟器中查看效果。点击右上角的调试：
点击调试，会生成wasm文件，并让模拟器自动加载build/目录下的app.wasm文件。
5.连接真机
网页版除了与模拟器能配合工作外，当然支持真机调试。选项切回真机设备，此时会看到server的ip地址，
通过adb shell命令登入设备。确保当前没有运行的waft_app,执行以下命令，杀死进程。
killall -9 waft_app
然后执行如下命令：
waft_app /waftapps/app_wifi.wasm 30.250.152.206 8030
连接成功后如下：
其他操作跟模拟器一样。在推送新包时，记得勾选下面选项
03 下期预告
本期是Waft基础教程的完结篇，有关Waft的学习与初步应用就先介绍到这里。下期内容我们将开启对这款RISC-V生态软件的组件学习，欢迎大家持续关注RISC-V生态开发套件系列内容。
