在使用Vuex管理自己应用的状态时,因为状态过多,为了正确性每次都要打开vuex定义文件,去复制定义时的函数名或者状态名,无形中就浪费了许多时间,为了解决这个痛点,开发了这个vscode插件。

通过使用 ast 和正则表达式,获取 store 中所有文件的定义,在用户使用.vue 文件中时给 出详细的提示,目前支持大多数 vuex 官网中定义的例子

安装

在扩展中搜索 VueThis$Store,安装即可。

使用

当你打开一个.vue 文件时,插件会扫描从你的入口文件,开始扫描得到你的 store 所有模 块,以及模块中的(actions,mutations, getters, state),保存必要的定义信息以给出提 示。当你的 vscode 插件的左下角有如下图标


推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件
那么代表扫描 成功,可以得到正确的提示,如果最右边是 x 则表示发生错误(我设置的默 认的入口路径是工作根路径下的 src/main.js,如果失败,会使用备用入口文件 ,src/index.js,如果依然失败,会提示错误让你自己声明入口文件)。 你 shift+(cmd|ctrl)+p

输入 specify entrance path 输入你的 index 文件,(就是你生 成一个 vue 实例的地方),回车。插件会重新扫描,入口文件。

特性 支持最基本的 this.$store.state.count 类型的提示,当你在其他的 module 中定义了 其他的 state 时, 可以得到下一层 module 和所有相应 state 的提示。
推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件
同时支持 mapState,当输入第一个参数时,仅仅提示所有可能的下一个 module(设置了 namespace 的 module) 和官网的机制一致。当设置了命名空间,只会提示当前命名空间 下的 state。
推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件
支持 从 this.$store.getters.xxx 这样的形式直接获取 getter,也支持 mapGetters 中 第二个参数是数组或者对象的形式
推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件
同理支持 this.$store.commit 和 this.$store.dispatch 提示
推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件
推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件

支持 mapMutations 参数为数组和对象提示


推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件

支持 mapActions 参数为数组和对象提示


推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件
一些提示

因为我没有什么使用大型的应用的经验,所以测试的项目不是很多,我再 github 上找了一 个比较经典的项目 vue-elm , 并通过了测试 。可能会有其他没有发现的 bug,如果你在使用中发现任何的 bug,你可以提 issue,最 好能给我 store 的目录结构,最最好可以给我每个原先 store 目录下所有文件,当然这可 能涉及一些机密,你可以再原结构不变的情况下, 保留几条测试数据就更好了。同时也非常希 望大家可以给我更多建议,希望这个 vscode 插件能够帮助到广大开发者。:smile:

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

代码区博客精选文章
分页:12
转载请注明
本文标题:推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件
本站链接:https://www.codesec.net/view/621033.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(35)