Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Vben Admin SnippetNew to Visual Studio Code? Get it now.
Vben Admin Snippet

Vben Admin Snippet

sqchen

|
2 installs
| (0) | Free
为 Vue Vben Admin 提供 VS Code 代码片段与智能补全。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vben Admin Snippet

重要:默认会在 vben 组件配置上下文里按下 Enter(回车)时自动触发补全;可通过配置关闭。

动态展示图(GIF)如下;看不了请访问:https://github.com/Elm1992/vben-admin-snippet-vscode/blob/main/demo.gif

Demo

功能特性

  • 在 Vue SFC 中输入 vb- 可触发片段:

    • vb-alert
    • vb-confirm
    • vb-prompt
    • vb-modal
    • vb-drawer
    • vb-form
    • vb-vxe-table、
    • vb-page(完整 SFC 模板,仅在 <script> 之外可用)
  • 在以下调用中提供上下文配置项补全:

    • useVbenForm({})
    • useVbenModal({})
    • useVbenDrawer({})
    • useVbenVxeGrid({})
    • alert({、】})
    • confirm({})
    • prompt({})
  • 提供 API 方法补全:

    • modalApi.
    • drawerApi.
    • formApi.
    • gridApi.

配置项

  • vbenAdminSnippet.enableEnterTriggerSuggest:是否开启“按 Enter 自动触发补全”,默认 true。

环境要求

  • Node.js 20 及以上
  • VS Code 1.90 及以上

许可证

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft