代码段是可重复使用的代码块，您可以轻松快速地将其放入文本编辑器中。
其运作方式是：您开始输入简短的手形代码，系统会显示一个弹出式窗口 只需按 Enter 键即可获取所需的摘要 代码块中。
唯一要记住的是，代码段只有在 使用特定的扩展名（例如，JavaScript 代码段仅适用于 （在修改以 .js 结尾的文件时）。
JS 和 NodeJS 代码段
Zeno Rocha 的 JavaScript 和 NodeJS 代码段软件包包含许多简单的代码段，可让您快速编写常见的 JavaScript。
以下是一些缩写代码及其生成的代码示例：
ae（添加事件监听器）
document.addEventListener('event', function(e) {
// body...
});
cel（创建元素）
document.createElement(elem);
cdf（创建文档片段）
document.createDocumentFragment(elem);
pr（原型）
ClassName.prototype.methodName = function(arguments) {
// body...
}
iife（立即调用的函数表达式）
(function(window, document, undefined) {
// body...
})(window, document);
这是 Ben Alman 在 iife's 上发表的帖子，仅供 Matt 使用。
Zeno 提供了可在 GitHub 上使用的命令的完整列表 repo（以及软件包 网页）。
ES2015 工具包
ES2015（也称为 ES6）非常棒，最棒的是，其中有一个代码段 与它搭配使用
要使用此软件包及其代码段，请务必安装 Babel 到 NPM。
npm install -g babel
另外，请注意某些简写代码开头的大写字母。
Promise
Promise((resolve, reject) => {
});
类别
class Classname extends AnotherClass {
constructor(args) {
// code
}
// methods
}
对象
var obj = {
__proto__: theProtoObj,
handler,
toString() {
return "object";
}
}
如需查看受支持的代码段的完整列表，请访问 Sublime 软件包控制页面。
很抱歉，此软件包不适用于 Atom。最接近的等效项 似乎这个文件包的标题为 “es6-javascript”。
Polymer 和 Web 组件包
减少您为 Polymer 编写样板的工作量，先生 Dodsons 出色的 Polymer 和 Web Component 代码段。
hi（HTML 导入）
<link rel="import" href="bower_components//.html">
pe（Polymer 元素）
<dom-module id="">
<style>
:host {
display: block;
}
</style>
<template>
</template>
<script>
Polymer({
is: ''
});
</script>
</dom-module>
回应摘要
最后，欢迎你为 React 粉丝倾情分享一个礼包。使用这些代码段构建组件和常用的代码。
rcc（类组件框架）
var React = require('react');
var PropTypes = React.PropTypes;
var = React.createClass({
render: function() {
return (
<div />
);
}
});
module.exports = ;
scu (shouldComponentUpdate)
shouldComponentUpdate: function(nextProps, nextState) {
},
道具
this.props.
州
this.state.
MOAR 文件包
还有许多其他软件包可为不同的框架提供代码段，因此，如果您发现自己反复编写相同的代码段，很可能有人编写了一个软件包来帮助您解决此问题，只需在编辑器的软件包管理器中进行搜索即可（Sublime | Atom）。