在使用Vuex管理本身应用的状态时,由于状态过多,为了正确性每次都要打开vuex定义文件,去复制定义时的函数名或者状态名,无形中就浪费了许多时间,为了解决这个痛点,开发了这个vscode插件。vue
经过使用 ast 和正则表达式,获取 store 中全部文件的定义,在用户使用.vue 文件中时给 出详细的提示,目前支持大多数 vuex 官网中定义的例子git
在扩展中搜索 VueThis$Store,安装便可。github
当你打开一个.vue 文件时,插件会扫描从你的入口文件,开始扫描获得你的 store 全部模 块,以及模块中的(actions,mutations, getters, state),保存必要的定义信息以给出提 示。当你的 vscode 插件的左下角有以下图标
正则表达式
shift+(cmd|ctrl)+p
输入 specify entrance path 输入你的 index 文件,(就是你生 成一个 vue 实例的地方),回车。插件会从新扫描,入口文件。
this.$store.state.count
类型的提示,当你在其余的 module 中定义了 其余的 state 时, 能够获得下一层 module 和全部相应 state 的提示。
this.$store.getters.xxx
这样的形式直接获取 getter,也支持 mapGetters 中 第二个参数是数组或者对象的形式
this.$store.commit
和this.$store.dispatch
提示
支持 mapMutations 参数为数组和对象提示 vuex
支持 mapActions 参数为数组和对象提示 数组
监听你 store 文件夹的变更,当文件发生变更,会从新收集定义信息,提示也会更新函数
由于我没有什么使用大型的应用的经验,因此测试的项目不是不少,我再 github 上找了一 个比较经典的项目vue-elm, 并经过了测试 。可能会有其余没有发现的 bug,若是你在使用中发现任何的 bug,你能够提 issue,最 好能给我 store 的目录结构,最最好能够给我每一个原先 store 目录下全部文件,固然这可 能涉及一些机密,你能够再原结构不变的状况下, 保留几条测试数据就更好了。同时也很是希 望你们能够给我更多建议,但愿这个 vscode 插件可以帮助到广大开发者。:smile:测试
{mutations}
这样的方法定义,可能有些写法没有覆盖到没法得 到提示。能看到这里,说明你仍是有点承认这个项目的吧,因此先厚着脸皮放下本身的项目连接吧。this
项目地址: vue-this-storespa
若是对你有帮助,给个 star 吧^_^.