基于vue/vuex写的一款IDE----vide

VIDE 是一款使用 Vue 和 Vuex 构建的集成开发环境(IDE),它利用 Vue 的渲染能力和 Vuex 的状态管理能力,提供了一个高效且简洁的开发体验。插件系统基于相同的原理构建,易于开发和维护。

vide是什么

VIDE(Vued IDE)是一款用vue/vuex开发的IDE,其组件系统和插件系统的通信和数据管理都是基于vuex来管理的,而页面的渲染是vue驱动的。 基于vue和vuex的方便,大大提示了组件和插件开发的效率。

vide设计模式




从设计图可以看出,整个ide系统都是基于vuex来管理数据的,非常的清晰,完全简化了设计

vide的插件系统非常简单

基于vue和vuex的方便,插件系统也是非常的方便
写插件步骤
  1. 导入视图和处理类
  2. dispatch到相应的ide数据流
  3. 监听事件+处理事件

vide未来规划

  1. 优先支持vue/weex开发
  2. 支持微信小程序的开发
  3. 简单的插件系统,提供更好的插件,服务于开发者

备注:
项目地址: https://github.com/debuggap
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值