簡評：對于程序員來說，提升編碼效率是不懈的追求。
無論打字多快的人，他的手也一定跟不上大腦的速度。作者在這篇文章中推薦大家使用 snippet 來盡量彌補(bǔ)這個差距，加快我們的編碼效率。
那么，snippet 是什么？
或許 template（模板）的叫法更加直觀，也就是只需要輸入少數(shù)的幾個特定字符，編輯器便能幫我們自動補(bǔ)全為模板代碼。目前幾乎所有主流編輯器和 IDE 都支持這項功能，如 Eclipse, Sublime Text, Visual Studio Code 和 Atom。因為作者平時多使用 Atom，所以下面以 Atom 為例子。
在 Atom 中編輯 js 文件，我們輸入 desc，敲擊回車，便自動補(bǔ)全為：
describe('description', function () {
})
上面是作者展示的自己每天都做的一個工作：寫 Mocha 測試。
在作者的這個例子里，完整的代碼有 253 個字符，通過了 110 次擊鍵完成，意味著有效打字速度提升了 230%。作者還記了個時，自己如
果逐個輸入需要 62 秒，而用 snippet 只花費(fèi)了 32 秒，有 194% 的提升。
雖然 Atom 自帶的 snippet 已經(jīng)非常豐富，但也有其他的一些插件提供了非常好用的 snippet，下面是作者推薦的四個：
如果想自定義 snippet，該怎么做？
在 Atom 中 snippet 是通過 CSON 定義的，看起來像是這樣：
'.source.css':
'Padding With Mostly Identical Values':
'prefix': 'pwmiv'
'body': 'padding: ${1:num}px ${1:num}$2px ${1:num}$3px ${1:num}$4px;'
'Margin With Mostly Identical Values':
'prefix': 'mwmiv'
'body': 'margin: ${1:num}px ${1:num}$2px ${1:num}$3px ${1:num}$4px;'
'.source.js':
'Require Chai Expect':
'prefix': 'cxp'
'body': 'var expect = require(\'chai\').expect;'
'Expect To Equal':
'prefix': 'ete'
'body': 'expect($1).to.equal($2)'
也可以參考 Atom 官方定義的 snippet 文件：
然后在 Atom 菜單欄的 File 中選中 Snippets，就可以開始自定義 Snippets 了。
如果想看看 Atom 已經(jīng)默認(rèn)定義的 snippet，也很簡單。只需在設(shè)置頁面中選中 Packages，搜索 standardjs-snippets 插件，點(diǎn)進(jìn)去就是完整的 snippets 列表了。
如果，你也在尋找方法花更少的時間打字，花更多的時間思考的話，強(qiáng)烈推薦使用 snippet。
擴(kuò)展閱讀：
歡迎關(guān)注：
