ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

活代码片段

由 Alive Vietnam WinMac ALL

Alive Vietnam的代码片段

标签 片段, 自动完成, PHP, CSS, SCSS, JavaScript, HTML, 快捷键

详细信息

安装

  • 总数 458
  • Win 372
  • Mac 82
  • Linux 4
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 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 0 0 1 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 1 0 1 0 0 0
Mac 1 1 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 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
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

读取说明

源
raw.​githubusercontent.​com
_____  .__  .__                 _________      .__                      __          
  /  _  \ |  | |__|__  __ ____    /   _____/ ____ |__|_____ ______   _____/  |_  ______
 /  /_\  \|  | |  \  \/ // __ \   \_____  \ /    \|  \____ \\____ \_/ __ \   __\/  ___/
/    |    \  |_|  |\   /\  ___/   /        \   |  \  |  |_> >  |_> >  ___/|  |  \___ \ 
\____|__  /____/__| \_/  \___  > /_______  /___|  /__|   __/|   __/ \___  >__| /____  >
        \/                   \/          \/     \/   |__|   |__|        \/          \/

Alive Web Vietnam公司为Sublime Text准备的代码片段和快捷键 v1.0.11

这是Alive Web Vietnam公司的Sublime Text代码片段和快捷键集合

请随意Fork代码仓库并提交

pull request：https://github.com/alivevietnam/alive-sublime-snippets

变更日志

1.0.11:

为字体族添加更多4个片段：- Hiragino Gothic (iffn) - Hiragino Mincho (iffm) - Yu Gothic (iffyg) - Yu Mincho (iffym)

1.0.9:

  • 重构预处理器

1.0.8:

  • 添加更多8个模板混合片段的Scss
  • 添加设置功能，您可以禁用不需要的片段
  • 添加菜单命令设置
  • 添加主菜单设置

安装

推荐

使用包控制安装此包：1. 在Sublime中安装包控制。2. 按下Cmd + Shift + P（OSX）或Ctrl + Shift + P（Windows/Linux）。3. 选择安装包。4. 搜索'Alive Sublime Snippets'

手动

将此文件夹复制到您的Sublime Text安装中的Packages文件夹。

Mac用户：Library/Application Support/Sublime Text/Packages

片段

HTML片段

STT 片段 输出
01 picsource <picture><source srcset="${2}" media="(max-width: 767px)"><source srcset="${1}"><img src="${1}" alt="${3}"></picture>
02 initowlcarousel 将完整的owlcarousel库安装到html/php文件
03 wppagenavi 将wp-pagenavi的完整布局html插入到html/php文件

SCSS/CSS片段

STT 片段 输出
04 minscreen @include min-screen(${1:768}px) {${2}}
05 maxscreen @include最大屏幕(${1:767}px) {${2}}
06 iar @include宽高比(${1:宽度}, ${2:高度});
07 iborderradius @includeborder-radius(${1:半径}, ${2:''});
08 iclearfix @includeclearfix();
09 ifz @include字体大小(${1:14});
10 imultilineellipsis @include多行省略(${1:行数});
11 ipc @includePC {${1}}
12 isp @includeSP {${1}}
13 itransform @includetransform_c(${1:内容});
14 itransition @includetransition_c(${1:内容}, ${2:''});
15 iffn @includeffN;
16 iffm @includeffM;
17 iffyg @includeffYG;
18 iffym @includeffYM;

JS 段落

STT 片段 输出
19 csl console.log(${1});
20 rf return false;
21 owlcarousel $(".js-carousel")
22 matchheight $(".js-matchHeight").matchHeight();
23 smoothscroll $(".js-smoothscroll").smoothscroll();

PHP 段落

STT 片段 输出
24 showerrors ini_set('display_errors', 1); ini_set('display_startup_errors', 1); error_reporting(E_ALL); ?>
25 性能 插入代码以测量网站（PHP）性能
26 prepr echo '<pre>'; print_r($1); echo '</pre>'; ?>
27 hidprint echo '';
28 catchthatimage catch_that_image($noimg = true);
29 getfirstimage get_first_image($content, $noimg = true);
30 currentpageurl curPageURL();
31 cutstring cutString($str, $len, $moreStr = "...");
32 getarrurl getArrUrl($_GET['args']);
33 getcurl get_curl($url);
34 thumbcrop thumbCrop($img, $w, $h, $zc=1, $a=false, $cc=false);
35 uaclass 插入ua.class代码
36 wpposttypearchive wp_post_type_archive($post_type, $home_url="", $havecount=false);

键映射

STT 键映射 函数
01 super+shift+enter <br>
02 super+b <strong>${0:$SELECTION}</strong>
03 ctrl+super+b 更改构建快捷键
04 command+shift+down 转到定义
05 command+shift+r 在侧边栏中显示
06 super+shift+c 切换侧边栏
07 super+shift+x 切换缩略图

祝您玩得愉快，过得愉快！

techteam[at]alive-vietnam