zoukankan      html  css  js  c++  java
  • 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的列表里面。

    :这样的话,Javascript的code snippet就基本上写完了,但是还有一个问题,就是需要给它附一个热键值(就是上图Properties->Shortcut),方便你在需要的地方调用出来。这里我用ajax作为此code snippet的热键,这样之后,编辑工作就已经结束。

    第三步:保存为可以使用的code snippet(Ctrl+S),这里为了文件好记忆,我用热键的名字ajax,这个是我本机VS里面可以使用到此javascript code snippet的位置,不过你也可以不存在这里,然后跟着下面来导入到VS能识别到此文件的目录。

    然后在VS2010按快捷键Ctrl+KCtrl+B组合键,就会出现下图的弹出框:

    这里你需要把你刚才保存的文件导入到VS能找到的目录里面,点击上图的Import按钮并选择你刚创建好的snippet文件。

    这样之后Finish就完成了所有的工作了。

    第四步:打开一个js文件(你可以在项目里面创建一个js文件),让我们尝试下怎么去使用我们自己的code snippet。

    在js文件里面输入你设定好的热键(shortcut),再按两下Tab,就能插入你预先设定好的代码:

    原先设定为高亮显示的部分,现在还是高亮显示。

    结语:这个例子只是简单介绍了怎么使用VS插件去创建用户自己的code snippet,这个例子是针对javascript来做的,其它语言也是类似的作法,只是语言Language下拉框选择不一样而已。希望这个教程对你有帮助。引用本文,请标明出处,您的支持,是我努力制作原创的动力。谢谢!

  • 相关阅读:
    ASP.NET CORE 使用Consul实现服务治理与健康检查(2)——源码篇
    ASP.NET CORE 使用Consul实现服务治理与健康检查(1)——概念篇
    Asp.Net Core 单元测试正确姿势
    如何通过 Docker 部署 Logstash 同步 Mysql 数据库数据到 ElasticSearch
    Asp.Net Core2.2 源码阅读系列——控制台日志源码解析
    使用VS Code 开发.NET CORE 程序指南
    .NetCore下ES查询驱动 PlainElastic .Net 升级官方驱动 Elasticsearch .Net
    重新认识 async/await 语法糖
    EF添加
    EF修改部分字段
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/2350755.html
Copyright © 2011-2022 走看看