前端开发工具icestar

前端开发工具icestar

最近忙里偷闲，把之前的mock工具进行了全面的重构，最大的改变就是换了个名称icestar，icestar意思就是"爱死他",首先他的预想并不只是替代mock工具，他应该支持更丰富的扩展，可以mock数据，也可以做接口post测试，还可以有一些其他的辅助开发的工具，更可以扩展无限的插件。所以从ui界面上，我借用了vs code的风格与交互，底层框架也升级为vue2.0 + electron。首先来看下，主界面：

在初次打开时，主界面会有一个演示文档，它会展示一些比较大的功能操作。上面只有首页和帮助两个菜单，左侧也只有三个菜单，很简洁。我们重点介绍左侧的菜单功能。

第一个就是mock接口的，与之前的mock工具功能基本相似，它会生成一个本地的http服务，允许局域网内任何电脑的访问，它支持post、get、head、delete请求方式，也支持跨域的请求。并且分成多个项目的管理方式，数据离线在本地，无需外网。另一个功能就是websocket的模拟了，这次的版本是基于node的ws包开发的，没有提供socket.io的方式，基本上模拟的推送数据与之前一样，可以提定随机字段进行推送数据。

 

第二个菜单是postman的功能，它可以发送post和get的请求到服务器，并且支持修改请求头，记住，这个请求并不是简单的ajax请求，它是由node.js发起的。简单的作为前端不方便验证后端post接口的情况下设计。

第三个菜单主要是一些工具， 主要是前端可能会用到，比如Json格式验证之类，或者说会当作一个收藏夹来设计。

最后就是工具的下载的地址了：https://github.com/tianxiangbing/icestar/releases/download/2.0.6/icestar.exe

github的开源地址：https://github.com/tianxiangbing/icestar