惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
Vulnerabilities – Threatpost
U
Unit 42
F
Fortinet All Blogs
aimingoo的专栏
aimingoo的专栏
P
Proofpoint News Feed
F
Full Disclosure
月光博客
月光博客
Engineering at Meta
Engineering at Meta
博客园_首页
The Register - Security
The Register - Security
G
Google Developers Blog
The Cloudflare Blog
博客园 - Franky
K
Kaspersky official blog
A
Arctic Wolf
Scott Helme
Scott Helme
C
Cisco Blogs
Hugging Face - Blog
Hugging Face - Blog
C
Check Point Blog
NISL@THU
NISL@THU
AI
AI
D
DataBreaches.Net
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Stack Overflow Blog
Stack Overflow Blog
Project Zero
Project Zero
The GitHub Blog
The GitHub Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
量子位
Vercel News
Vercel News
T
Tor Project blog
P
Privacy International News Feed
D
Docker
I
Intezer
L
LangChain Blog
P
Proofpoint News Feed
Security Latest
Security Latest
C
CXSECURITY Database RSS Feed - CXSecurity.com
T
Threatpost
博客园 - 聂微东
AWS News Blog
AWS News Blog
Martin Fowler
Martin Fowler
P
Privacy & Cybersecurity Law Blog
V
V2EX
Last Week in AI
Last Week in AI
C
Cybersecurity and Infrastructure Security Agency CISA
The Hacker News
The Hacker News
T
Tenable Blog
Blog — PlanetScale
Blog — PlanetScale
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
Tailwind CSS Blog

博客园 - taodesign

一个自定义分享按钮 解决windows下nginx中文文件名乱码 transition动画最简使用方式 hammerjs jquery的选项使用方法,以给swipe设置threshold和velocity为例 sublime text 3 的emmet 添加自定义 html 片段 解决 placeholder 垂直不居中,偏上的问题 Sublime Text 3 配置 sass javascript 进制转换(2进制、8进制、10进制、16进制之间的转换) 解决phpwind 9 转换到 discuz x 3.1的头像仍然不显示问题 sina微博登录框和twitter的比较 PHP初学者必看 不用qq的这一个月 虽然qq的第二封信些的相当中肯,但是—— 从现在起,试着不用qq一个月,看看什么情况 百度兵陷日本,Google 90% Baidu 1% wordpress 侧栏微博插件 Miniposts blogger导入到blogbus非常顺利 ie8 的断字/断行 bug dede vs 帝国
sublime text 3 添加 javascript 代码片段 ( snippet )
taodesign · 2016-02-01 · via 博客园 - taodesign

例如:新建console.log();的快捷键为 co

环境:windows 7

step1:

Tools -> New Snippet

 1 <snippet>
 2     <content><![CDATA[consloe.log(${1:this});]]></content>
 3     <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 4     <tabTrigger>co</tabTrigger>
 5     <!-- html file -->
 6     <!-- <scope>text.html</scope> -->
 7     <!-- css file -->
 8     <!-- <scope>source.css, source.less, source.scss, source.stylus</scope> -->
 9     <!-- js file -->
10     <scope>source.js</scope>
11     <description>console.log</description>
12 </snippet>
  • 第二行里的 ${1:this} 代表光标1所在位置,多个值:比如css的padding:${1:this} ${2:this} ${3:this} ${4:this};
  • tabTrigger:触发词
  • scope:文件格式,多个用半角逗号隔开
  • description:显示在提示右边的描述

step2:

保存文件为 C:\Users\yourname\AppData\Roaming\Sublime Text 3\Packages\User\test.sublime-snippet

这个文件夹即package所在文件夹,Preferences -> Browse Packages 然后下面的user文件夹,一定要存为 .sublime-snippet 后缀

step3:测试

打开或新建一个js文件,输入"co",然后按tab键,即可快捷输入 console.log();

注意:html和css、js的snippet 在<scope></scope>中的写法不一样,html是<scope>text.html</scope>,而js、css是<scope>source.js</scope>和<scope>source.css</scope>