TopUI Snippets

为了让你在vsc中更好的使用 TopUI 而生，以 tu 为前缀。

按钮

tubutton 基本按钮

Input Mask

tuinputmask Input Mask

Switch

tuswitch Checkbox 切换

Panel

tupanel Panel 内容块儿

高度自增textarea输入框

tutextarea textarea输入框

日期选择器

tudatepicker 日期选择器

布局

tugrid 基本布局样式 tugrideq 基于div的等分布局样式 tugridequl 基于ul的等分布局样式

进度条

tuprogress 基本布局样式

Modal

tumodal 基本Modal

Notify

tunotify 提示框

Switcher

tuswitcher 切换组件

Slideset

tuslideset 单页多内容切换组件

Github 地址，欢迎你来 push 代码！

TopUI Github TopUI Snippets For VSC Github

增加 class 自动提示功能

1、搜索visual studio code市场，安装 HTML CSS Class Completion ，这款应用，这款应用会自动分析你项目目录下的 css class。 2、在项目设置文件 .vscode/settings.json 中添加如下设置： { "less.compile": { "compress": true, // true => remove surplus whitespace "sourceMap": true, // true => generate source maps (.css.map files) "out": false // false => DON'T output .css files (overridable per-file, see below) } } 3、在引用 topui 的less文件顶部添加如下设置： // out: ../temp/t.css, compress: false, sourceMap: false

重新打开编辑器，打开html文件，就可以在class部分获得自动提示功能了。

版权

基于MIT license.