自定義Atom的代碼片斷

Atom生成代碼片斷(code snippets)的功能很好用，可以提升編寫代碼的效率，但有些默認片斷可能不符合本身的預期或者咱們想本身添加片斷，那麼就須要咱們自定義了。

好比js文件的req生成的片斷，在最後有個分號，對於我這種不寫分號的人不能忍，每次都要手動去刪除，好煩擰?。

而後就想修改默認提供的片斷。

首先，Atom默認的代碼片斷都是定義在包(packages) language-* 的 snippets /language-*.cson 裏，咱們最好不要去修改它，一是難找，二是就算改了可能下次更新後就沒了啊。

還好Atom提供了自定義代碼片斷的地方：

打開命令面板(command-palette) cmd-shift-p，輸入 open your snippets，回車
或者從終端打開atom ~/.atom/snippets.cson
或者菜單File下的Snippets...

編輯器打開這個文件，能夠看到一些註釋，主要是介紹snippets是幹蛇的以及怎麼寫，接下來就能夠在註釋下面隨心所欲，啊不，添加代碼了。

'.source.js':
  'CommonJS require':
    'prefix': 'req'
    'body': 'const ${1:module} = require(\'${1:module}\')$2'

簡單說明下：

• 第一行是做用的文件，好比js文件是.source.js，html文件是ext.html.basic，詳細的能夠看下參考連接1。

• 第二行是片斷的名字，會顯示在提示的右邊。

• 第三段是輸入會觸發的字段，若是與默認的衝突就會覆蓋默認的。

• 第四段就是將生成的片斷，其中$1，$2...是光標的位置，首先光標會定位到$1處，按tab鍵後跳到$2出...，若是有多個$1，那麼就有多個光標(multiple cursors)，${1:module}光標處顯示的字符，而且是選中的。

保存代碼後，就當即生效了。

有些片斷對咱們來講是沒用的，好比輸入x回車，出來奇奇怪怪的東西：

如今把它去掉

'.source.js':
  'CommonJS require':
    'prefix': 'req'
    'body': 'const ${1:module}$2 = require(\'${1:module}\')\n$3'

  'xxx':
    'prefix': 'xxx'

不寫body就好?。

另一些設置能夠在Settings / Packages / Autocomplete Plus的 Settings中找到，好比觸發建(Keymap For Comfirming A Suggestion)默認是tab和enter鍵，能夠在這裏修改。

參考

How to Add Custom Code Snippets to Atom
atom.io Snippets