做前端这两年，，，，，，我珍藏夹里攒了一堆能直接抄代码的网站。。。。。有人感触“免费代码网站可复造”就是噱头，，，，，，其实真不是，，，，，，关键是你得找对处所。。。。。今天不扯虚的，，，，，，直接说我常用的几个，，，，，，拿去就能省功夫。。。。。

先说这些网站到底好在哪

像CodePen、JSFiddle这种在线代码平台，，，，，，打开就能看到别人写的HTML、CSS、JS，，，，，，页面下方就佑装Copy”按钮，，，，，，点一下就复造走人。。。。。；；；；；；褂蠫itHub和Gitee，，，，，，上面有海量的开源项目，，，，，，单独的文件也能直接下载或复造。。。。。比起自己从零敲代码，，，，，，这玩意效能高太多。。。。。?尤其做demo的时辰，，，，，，复造一段按钮形状、加载动画，，，，，，两分钟就能把页面撑起来。。。。。

真正能直接复造的代码长什么样

不是所有代码都能复造了就用，，，，，，你得找那种自蕴含的代码块。。。。。好比一个div配上几行CSS，，，，，，成效就出来了，，，，，，这种最适合复造。。。。。CodePen上的热点文章，，，，，，好多都是单文件搞定，，，，，，复造下来存成.html就能跑。。。。。；；；；；；褂胁四窠坛獭3School这种进建站，，，，，，每个事俘都带“尝试一下”按钮，，，，，，代码就在旁边，，，，，，轻易复造。。。。。?

找代码别乱翻，，，，，，学会用筛选职能

好多人打开GitHub就懵，，，，，，搜一个词出来几千个仓库。。。。。其实用搜索语法就行，，，，，，好比搜“language:javascript”加关键词，，，，，，能精确定位想要的代码。。。。。CodePen里能够直接按“Popular”排序，，，，，，选最近一周的，，，，，，都是别人验证过的好器材。。。。。找的时辰多看一眼点赞数和评论，，，，，，别光看标题抢眼就下手。。。。。?

复造下来的代码怎么用才不白拿

别以为复造到剪贴板就完事了。。。。。我的习惯是新建一个测试页面，，，，，，把代码贴进去跑一遍，，，，，，看看现实成效，，，，，，再改改色彩、尺寸，，，，，，造成自己的器材。。。。。这一步出格沉要，，，，，，由于网上代码偶然会缺个依赖库，，，，，，直接放项目里容易报错。。。。。先本地跑通，，，，，，再往项目里搬，，，，，，省得后面debug到崩溃。。。。。?

有个幼坑还是得留个心眼

免费代码网站可复造的资源固然多，，，，，，但有些项目带开源和谈，，，，，，好比MIT、Apache，，，，，，商用没太大问题；；；；；；；若是是GPL和谈，，，，，，你用了可能得把自己的代码也开源。。。。。做幼我项目无所谓，，，，，，拿去公司用就要看明显。。。。。不是不让用，，，，，，是别等惹上麻烦再痛恨。。。。。免费代码网站可复造这个事自身没问题，，，，，，但尊沉原作者的署名，，，，，，也算给自己省事。。。。。?

最后说句切真话，，，，，，工具再多，，，，，，不如自己着手改一改。。。。。把这些网站当起点，，，，，，复造完代码记得理解一下道理，，，，，，下次就不用在统一个处所反复搜了。。。。。你感触哪个网站最好用？？？？？？能够在评论区聊聊。。。。。