启动片段
:rice_ball: 为 Sublime Text 和 Atom 准备的实用片段
详细信息
安装次数
- 总数 253
- Win 122
- Mac 101
- Linux 30
| 8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Mac | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
| Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
说明文件
启动片段
适用于 Sublime Text, Atom & VS Code
如果您使用 Kickoff 框架 & Sublime Text 或 Atom，则可以使用这些片段
如何安装
Sublime
- 运行
Package Control: Install Package命令，查找并安装 启动片段 插件。 - 重启 ST 编辑器（如果需要）
Atom
- 转到
Atom > Preferences...，然后在包选项卡中搜索 kickoff-snippets。 - 重启 Atom。
VS Code
- 启动 VS 代码快速打开 (
⌘+P)，粘贴以下命令，然后按回车键 ext install kickoff-snippets
Tab 触发
- CSS
- animation: animation TAB
- background-size: background-size TAB
- background: background TAB
- border-radius: border-radius TAB
- box-shadow: box-shadow TAB
- media-query: media TAB
- transform: transform TAB
- transition: transition TAB
- translate3d: translate3d TAB
- HTML
- 2 grid columns: grid TAB
- grid row: grid TAB
- grid column: grid TAB
- media object: media TAB
- button: btn TAB
- 流动视频: video TAB
- checkbox: checkbox TAB
- radio: radio TAB
- select: select TAB
- file: file TAB
- 表单操作: actions TAB
- input: input TAB
- table: table TAB
- svg: svg TAB
- JavaScript
- es6 module: es6 TAB
- attach.js 模块： attach TAB
- 双美元符号： $$ TAB
- SCSS
- before： before TAB
- link： link TAB
- visited： visited TAB
- active： active TAB
- hover： hover TAB
- after： after TAB
- before&after： beforeafter TAB
- 字体大小混入： font-size TAB
- 媒体查询混入： mq TAB
- Retina屏幕混入： hidpi TAB
- respond-min混入： rmin TAB (已弃用)
- respond-max混入： rmax TAB (已弃用)
- respond-minmax混入： rminmax TAB (已弃用)
- 旋转混入： rotate TAB
- 尺寸混入： size TAB
- 方块混入： square TAB
- transition: transition TAB
- 模块化缩放函数： modular-scale TAB
- 乘函数： multiply TAB
- 深度获取映射函数： map-deep-get TAB
- 颜色变量： color TAB
- 默认过渡变量： default-transition TAB
- 字体家族变量： font-family TAB
Sublime 到 Atom 转换器
./atomizr -i “~/htdocs/trykickoff/Kickoff-snippets/SASS/*.sublime-snippet” -o snippets.cson –split
发布到 Atom 包或 packagecontrol.io
确保您已经安装了 Atom，然后运行（我们使用 apm 来增加版本号
apm publish major|minor|patch
# for VS Code
vsce publish
这会升级版本，添加标签，并发布到 Atom 的包仓库。Package Control 会监视变化，所以可能需要一些时间。
将 Sublime Snippet 转换到 VS Code
使用 http://codebeautify.org/javascript-escape-unescape 来转义 snippet 的主体。其余部分请手动复制。