Sublime Snippets for LegoUI

这是LegoUI for pc与LegoUI for mobile的常用组件代码片段，通过Sublime Text的快捷键可以快速生成指定的代码片段。

安装

Mac/Linux 环境

第一步： 进入Sublime Text packages文件夹

如果你用的是Sublime Text2：

cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages

如果你用的是Sublime Text3：

cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages

第二步： Clone 该插件到packages文件夹

git clone https://github.com/duowan/Lego-Snippets.git

Windows 环境

cd "%AppData%\Sublime Text 3\Packages\User" git clone https://github.com/duowan/Lego-Snippets.git

安装好之后，最好重启一下Sublime Text。

使用

在HTML文件中输入代码片段标记(tabTrigger)，光标聚焦在标记后面，按tab键即可生成对应的代码片段。

Snippets及快捷键

LegoUI for pc

Snippets	Describe	Usage
button	按钮	ui-btn + tab
form	表单	ui-form + tab
table	表格	ui-table + tab
list	文本列表	ui-list + tab
panel	区块面板	ui-panel + tab
figure	图片画廊	ui-figure + tab
paging	分页导航	ui-paging + tab
progress	进度条	ui-progress + tab
badge	徽章	ui-badge + tab
lineList	带分割线的文本列表	ui-lineList + tab
center	不固定内容垂直居中	u-center + tab
object	全兼容的flash object结构	ui-obj + tab
tab	标签选项卡	ui-tab + tab
slide	幻灯片	ui-slide + tab
carousel	旋转木马	ui-carousel + tab
accordion	手风琴	ui-accordion + tab
marquee	轮播文字条	ui-marquee + tab

LegoUI for mobi

Snippets	Describe	Usage
tab	面板切换	m-tab + tab
nav	水平导航	m-nav + tab
popup	弹出层	m-popup + tab
slideMenu	侧边菜单栏	m-slideMenu + tab
falls	两列瀑布流	m-falls + tab
video	视频模块	m-video + tab