(转载) VS 2010插件SnippetDesigner创建Code Snippet教程

今天这里将简单介绍一下怎样在VS 2010里面使用一个工具来创建代码块。

因为这里是需要一个VS 2010的插件，所以需要下载安装后才能在VS 2010里面使用，插件的名称为: SnippetDesigner-For VS2010.vsix（下载地址）。

有了这个工具，你就可以很方便地来创建属于你自己的code snippet了。也许有些人不知道snippet为何物，所以这里简单介绍一下为什么要使用它，以及使用它会给我们的开发带来怎么样的便利。

我们在开发当中，避免不了一些重复的开发工作，在你漫长的开发以及学习当中，你会发现有这么一部分代码是你时常会使用到的。我想这个工具也是针对这个原因出来的吧，它就是预先把你需要的这部分代码的主干部分给它提练出来，然后你只要修改局部的某些部分，从而完成你代码的编辑工作。这样的好处，就是当你使用一个快捷键的方式，就可以把你这部分常用的代码直接插入到你需要的代码文件当中。而不需要你由头到尾地重复一些额外的工作，缩短你的开发时间，提高你的工作效率。

好了，假如你已经通过上面的下载链接下载并安装好了snippet的插件之后，那我们就可以开始下面的步骤。

首先要介绍的是创建snippet文件，注意一点的是snippet其实也是一个XML格式的文件。所以如果你不安装上面提到的插件的话，也是可以创建你自己的snippet文件，只是使用了工具之后，你就能使用到可视化的方式来完成你的创建工作-----可见即可得的好处不言而喻吧。

第一步：创建snippet文件，安装了插件之后，你会发现多出来了一个模板文件可供你选择（Snippet Designer）：

第二步：创建一个Javascript的code snippet(其实这个是jquery里面一个ajax处理方法)，这里你需要在Language下拉框里面选择语言为JavaScript:

这里面我把代码复制一份如下，下面的代码是需要插入到灰色区域里面的：

    $$.ajax({

        type: "POST",

        url: "/$Controller$/$Action$",

        data: { $location$ : $location$ , $id$ : $id$ },

        success: function (data) {

            $$("#$divOuput$").html(data);

        }

    });

仔细查看上面的代码，你会发现一个很重要的符号“$“，没错，这个符号跟我们在Jquery里面使用到的符号是一样的，它在这里应该有两个作用（至少眼前发现的就是这样的情况）：

（1）转义作用，当然这里说的转义，是指转义$符号，众所周知，Jquery里面基本都是以“$“作为操作的起始符。所以我上面的有关Jquery的Code Snippet代码，当然也少不了$符号，所以你在上面会看到$$，这样出来的效果才会是$，不然的话，出来的代码可能就不是你要的内容，因为你根本不知道它最终将会被怎么切分出来。

（2）高亮显示需要被关注的部分，你可以看到$Controller$，诸如别的，看下图，你也会发现，这部分内容被高亮为黄色。这里就是使用里面的“Make Replacement”(就是你移动光标到你需要高亮部分，然后鼠标右键->Make Replacement),这样之后，它就会出现在下图的Replacements的列表里面。