Processing技巧：Snippets这件事

Snippet是什么？

Snippet或者Code Snippet是指一段可复用代码，通常，有经验的程序员或者一些编辑器会把经常重复性使用的代码存储成简短的“代号”，只要开发者键入这段“代号”就可以生成一大段代码，提升编程效率。

举个例子来说，在Processing编程中，我们总需要重复调用动态模式（Dynamic Mode），书写代码如下：void setup(){} void draw(){}，每次开始编程的时候都要重复输入这两行代码显然有些繁琐，开发者可以将这两行代码存成一个snippet，比如setup这个“代号”，下次，开发者只要键入“setup”，编辑器就自动生成这两行代码。

Snippet不仅限于编程领域，在日常的对话场景中，也有一些信息是我们重复使用的，比如：家庭住址、公司地址、自我介绍等等。这些大段的信息，我们都可以存储为Snippet，以便提升沟通效率。常用的snippet软件有：

• TextExpander | Communicate Smarter 更倾向于日常交流
• Gisto - Snippets Made Awesome 更倾向于程序开发
• Dash for macOS - API Documentation Browser, Snippet Manager - Kapeli 代码和参考文献管理器

当然，许多编辑器都带有自定义snippet的功能，比如 Atom 和 Sublime Text

本文主要以Atom和Sublime为例子，讲解一下如何在编辑器中自定义Snippet

For Atom

1. 在Atom中，只要点击(Atom>Snippets)菜单选项即可打开Snippets管理页面。
2. 以下图这个自定义的Snippet代码为例：
   
   定义一个Snippet需要声明四部分内容：
   （1） '.source.processing' 指snippets应用的范围，也就是适用于哪种类型的代码，如果不清楚，可以在Atom>Packages>Core Packages>Settings里看到“scope: .source.processing”
   （2）'Console setup' 指snippet的名字
   （3）'prefix' 指在编辑器里触发snippet的词语
   （4）'body' 指在编辑器里被触发后生成的代码
   如果还需要帮助，可以参考Snippets - Atom

For Sublime

1. 在Sublime中，点击Tools > Snippets 可以在弹出的对话框中，看到编辑器已经集成的Snippets
2. Sublime中，Snippets文件夹隐藏的比较深，最好的打开办法是，直接点击菜单 Sublime > Preferences > Browse Packages，点击后出现文件夹，双击进入user文件夹，只要将Snippets文件粘贴到这里就可以了。

3. 当然，也可以自己编写Snippets文件，后缀名为.sublime-snippet
   

4. 一段在sublime的代码如下，其本质是XML文件
   

Processing Snippet资源

• Check the snippet for Processing textmate/processing.tmbundle: TextMate support for Processing
• Mike's Processing code snippet repository