Sublime（和 Atom）代码段

代码段是可重复使用的 代码， 即可轻松快速地插入文本编辑器

其运作方式是：您开始输入简短的手形代码，系统会显示一个弹出式窗口 只需按 Enter 键即可获取所需的摘要 代码块中。

唯一要记住的是，代码段只有在 使用特定的扩展名（例如，JavaScript 代码段仅适用于 （在修改以 .js 结尾的文件时）。

JS 和 NodeJS 代码段

Sublime |Atom

JavaScript 和 NodeJS 代码段 软件包 Zeno Rocha 的作品是非常实用的简单代码段 可帮助您快速编写出常用的 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、

Zeno 提供了可在 GitHub 上使用的命令的完整列表 repo（以及软件包 网页）。

ES2015 工具包

Sublime

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 组件包

Sublime |Atom

减少您为 Polymer 编写样板的工作量，先生 Dodsons 出色的 Polymer 和 Web Component 代码段。

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>

回应摘要

Sublime | Atom

最后，欢迎你为 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)。