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即可关闭
| |