Skip to content

IDE 支持

VS Code

推荐使用的 IDE 是 VS Code,配合官方维护的新版本 Mpx (Official) 插件。该插件提供了语法高亮、TypeScript 支持,以及模板内表达式与组件 props 的智能提示,提供更好的开发体验。

注意

Mpx (Official) 现在取代了我们过去提供的插件 mpxmpx-template-features。历史插件将不再维护逐步废弃,请大家及时切换到新版插件。更多历史背景及功能差异请参考说明

Mpx (Official) 插件一大亮点功能是为 <template> 模板中的变量支持 TS 智能提示,包括类型提示、类型检查、自动补全、定义跳转等等功能。如下图所示:

模板类型提示演示1

模板类型检查演示2

有关更多插件详细功能介绍和使用说明,请参阅我们的插件文档

Open VSX 插件生态 IDE

Open VSX 是 Visual Studio Marketplace(VS Code 官方插件市场)的开源替代方案,可以为兼容 VS Code 的 IDE 提供插件市场支持。Mpx (Official) 插件支持在 Open VSX 同步发版。

目前主流的 AI IDE 比如 CursorTraewindsurf 等等,基于都是 fork VS Code 开发,内部插件市场一般由 Open VSX 提供支持。如果您使用此类 IDE 或者其他支持 Open VSX 插件源的 IDE,可直接搜索安装 Mpx (Official)。

IntelliJ

如果使用 IntelliJ 系 IDE 开发,可将 .mpx 后缀文件关联到 vue 模板类型,按 vue 模板解析。

关联文件类型

但会报一个 warning 提示有重复的 script 标签,关闭该警告即可。

关闭警告