代码段是可重复使用的代码段，您可以轻松快速地将其放入文本编辑器。
其运作方式是：您开始输入简短的代码，系统会弹出一个窗口，您只需按 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 帖子，专供 Matt 参考。
Zeno 提供了可在 GitHub 代码库（和软件包页面）上使用的命令的完整列表。
ES2015 工具包
ES2015（也称为 ES6）非常棒，其中最棒的是，您可以使用一个代码段包。
如需使用此软件包及其代码段，请务必通过 NPM 安装 Babel。
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 组件软件包
使用 Mr Dodsons 很棒的 Polymer 和 Web Component 代码段，减少为 Polymer 编写样板代码的工作。
hi（HTML 导入）
<link rel="import" href="bower_components//.html">
pe（聚合物元素）
<dom-module id="">
<style>
:host {
display: block;
}
</style>
<template>
</template>
<script>
Polymer({
is: ''
});
</script>
</dom-module>
React 片段
对于 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) {
},
props
this.props.
state
this.state.
MOAR 软件包
还有许多其他软件包提供适用于不同框架的代码段，因此，如果您发现自己反复编写相同的代码，可能有人已经编写了软件包来帮助实现这一点，只需在您的编辑器 (Sublime | Atom) 中搜索软件包即可。