为什么还有一堆在用Vue2的项目！！！

如题，由于入职的都是写Vue的公司，入职相继写的也基本上是Vue2，不得不说Vue2在大型项目上的开发体验是真的差，特别是Mixins和全局组件，一点类型提示都没！！！

困境

特别是用Vscode的小伙伴，用Webstorm还可以能识别到Mixins，但是全局注册的组件（组件库）还是没有任何提示。

Vscode则是啥都识别不到，而且旧项目里Mixins是真的多，有的还是嵌套好几层，每次找函数都要找半天，是真的痛苦

Vetur的插件维护也比较少，基本重心都在Volar，Volar的性能，dddd，基本上Vue2大型项目装上开发体验上还不如Vetur

破局

由于项目升级Vue3基本上是不可能的事，从投入产出比来说，领导们就不会让你去做。

为了能开心的糊屎，我决定自己写一个Vscode插件去提升开发体验，也希望有同样困扰的小伙伴可以一起用插件，多提点问题，一起把插件功能拓展的更全面。

Vue2-helper - 为你的 Vue2 开发增添智慧 ✨

🚀 辅助Vue2开发中的Mixins、组件库、Vue-router的智能补全、语义高亮、跳转支持、Hover 提示等，提升Vue2开发体验。

功能特色 ✨

• ✅ 配置式缓存设计：秒级切换体验，让开发如丝般顺滑
• ✅ 跳转 Mixins 定义位置：快速导航，轻松查看 Mixins 定义
• ✅ Mixins 嵌套解析：支持嵌套的 Mixins 使用
• ✅ Mixins 内容智能补全：智能补全助你事半功倍
• ✅ Mixins 内容高亮显示：让代码一目了然
• ✅ Mixins 高亮自定义配置：满足个性化的编码需求
• ✅ Ts 支持：无缝集成 TypeScript
• ✅ Vue-class-component 支持：支持使用 .vue 后缀的 Vue-class-component

未来计划 📅

• ✅ Mixins 中引入的 Component 解析并支持跳转
• ✅ Vue-router components 跳转：Js-goto-definition 功能助你快速定位
• ✅ 组件库注册组件引入的 Component 解析并支持跳转
• ✅ 组件库注册组件 Hover 出现文档跳转信息
• ✅ 组件库注册组件智能补全提示
• ✅ 持续升级，成为 Vue2 开发的得力助手

跳转到Mixins定义

Mixins 内容智能补全

Mixins 内容高亮显示

Mixins Components 跳转

组件库跳转

组件库 Hover 并跳转

组件库智能补全

组件库用法

在settings.json中添加下面配置，以element-ui为例

{
  "mixins-helper.components": {
    "el": {
      "docs": "https://element.eleme.cn/#/zh-CN/component",
      "fileArr": [
        "**********@2.6.10/node_modules/element-ui/packages"
      ]
    }
  }
}

1. 组件库的前缀（Prefix）：el: 这是组件库的前缀，用于标识组件库中的组件。
2. 组件库的文档（Docs）：docs: 这是一个链接，指向组件库的文档页面。你可以通过点击链接查看组件库中各个组件的详细文档和使用示例。
3. 组件库组件在项目内的地址（FileArr）：fileArr: 这是一个文件路径数组，用于指定组件库组件在项目内的位置。在这个例子中，组件库的文件存储在名为"**********@2.6.10/node_modules/element-ui/packages"的目录中。

让我们开始吧！ 🛠️

无论是初学者还是经验丰富的开发者，Vue2-helper 都将成为你的得力助手。通过智能的补全、高亮和跳转支持，你可以更轻松地构建出优雅、高效的 Vue2 应用。让我们一起开启愉快的 Vue2 开发之旅吧！

下载地址 ⚡️

vscode插件市场

vscode：插件中直接搜索Vue2 Mixins Components Helper安装即可