CodeCopy – 一键快速复制代码

CodeCopy开发背景

身为开发者一定对于GitHub不陌生，有许多开放源代码项目都能在这里找到，GitHub作为一款基于Git的代码管理工具和协同工具是很优秀的，然而作为代码浏览和搜索工具，就和IDE差的很远了。我们之前介绍过一些GitHub阅读插件如Sourcegraph、insight.io for github，它们可以让你像 IDE一样浏览和搜索Github代码。开发者常用的除了GitHub还有很多，比如StackOverflow则是寻找解决方案的绝佳去处，很多问题都可以在这个网站找到网友提供的解决办法。不过你可能很纳闷，这些服务为什么都无法让使用者快速复制代码？每次都必须手动选取复制，有时候甚至必须先贴到纯文字编辑器转为文字格式，对此网络上有个开源项目clipboard.js诞生，它可以在网页呈现指令或代码的段落加上一个复制按钮，让使用者快速复制内容，而且整个程序不到3kb。今天要推荐的CodeCopy就是一款基于clipboard.js的免费浏览器扩展，就像它的名字一样，可以快速实现代码复制的功能。

CodeCopy简介

CodeCopy是一款免费的Chrome/Firefox浏览器扩展，它可以让你在支持的代码网站自动载入快速复制代码功能，支持的网站包括：GitHub、 MDN、Gist、StackOverflow、StackExchange、npm和Medium等等。CodeCopy 安装之后会在页面中的代码旁加一个“复制到剪贴板”按钮，完全不用进行任何设置。先来看几个效果图吧：

如果你时常会需要用到网站上的代码，CodeCopy 能让整个工作流程变得更顺畅，当然也不影响到使用习惯，只有鼠标移动到代码时才会于右上角显示复制按钮。

CodeCopy插件使用方法

以下以Chrome为例，Firefox和Chrome上使用方法基本相同。

1、下载之后离线安装chrome插件的方法均可参照：怎么在谷歌浏览器中安装.crx扩展。如果你是最新版Chrome浏览器，可以参考chrome 67版本后无法拖拽离线安装CRX格式插件的解决方法。
2、下载 CodeCopy的crx文件后，打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序查找），然后拖放 crx文件到扩展页面安装它；
3、点击“添加拓展程序”完成安装，安装后右上角一样会多一个功能图标，不过点选不会有效果。

4、当你打开CodeCopy支持的网站后，将鼠标移动到代码范围，右上角就会出现一个复制到剪贴板（Copy to clipboard）的按钮，点击就能快速复制这一大段代码。

不过也不是每个段落都会出现CodeCopy 功能，依照clipboard.js 的设计，只有在遇到特定的代码才会发生作用，因此只会在指令或源代码部分出现CodeCopy 按钮。

5、CodeCopy支持的网站如下图所示：

CODEcopy插件联系方法

https://github.com/zenorocha/codecopy