Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Phoenix UI SnippetsNew to Visual Studio Code? Get it now.
Phoenix UI Snippets

Phoenix UI Snippets

Johodor

|
427 installs
| (0) | Free
phoenix-ui组件库代码自动提示
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Phoenix UI

phoenix-ui-snippets

在 VS Code 中使用 Phoenix-UI 代码片段(如果你在安装过程出现错误,请将 VS Code升级到最新版本)

概览

Phoenix UI

可使用的代码片段

输入字母组合触发 生成的组件
phls List
phimg Image
phbtn Button
phbtngp Button Group
phstar Star
phgrid Grid
phcol Col
phdialog Dialog
phalert Alert
phpopover Popover
phsearch SearchBar
phimglist ImageList
phpopup Popup
phslider Slider
phsteps Steps
phtoast Toast
phpulldown PullDown
phpullup PullUp
phicon Icon
phbadge Badge
phlabel Label
phmenu Menu
phinput Input
phradio Radio
phswitch Switch
phcheckbox Checkbox
phtextarea TextArea
phdrag Drag
phanimate Animate
phacc Accordion
phtab Tabset
phfps FilterPanelSimple
phfpscb FilterPanelSimpleCheckbox
phfpig FilterPanelItemGroup
phfpigcb FilterPanelItemGroupCheckbox

其他功能

  1. 点击底部状态栏的Phoenix UI,可访问Phoenix UI主页

Phoenix UI

  1. 在用户设置(settings.json)中新增属性"phoenix.showHoverPop": true(需要重启VS Code),可开启(默认关闭)组件Hover提示功能。移除该属性或者设置为false,重启VS Code即可关闭

Phoenix UI

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