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

可使用的代码片段
| 输入字母组合触发 |
生成的组件 |
| 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 |
其他功能
- 点击底部状态栏的
,可访问Phoenix UI主页

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

| |