4 个可保存的在线代码片段平台推荐-变成自己的代码词典库

遇到好的代码,或好的思路、想法可以将其保存到自己的代码字典中,比如轮播图代码、tab切换页代码、清空浮动代码等,都可以将其变成代码片段

1、谷歌等现代浏览器自带的代码片段

谷歌等现代浏览器自带的代码片段

路径:浏览器开发者工具->源代码->代码段

可以新建很多代码段,在右侧还能点击运行能实时看到效果。支持代码高亮和语法提示。

推荐指数:5颗星

2、github、gitee、gitcode等在线托管平台的gist列表

在线托管平台的gist列表

路径:

以上新建的代码片段,可以分享给其他小伙伴,也可以设为私密。支持代码高亮和多编程语言,但是他不支持在线运行。

推荐指数:4颗星

3、各大在线IDE平台

各大在线IDE平台

这些IDE平台最大的特点是不但能保存代码片段,还能保存一个网站的项目,非常适合学习、演示,对于需要前端构建化的项目,可以直接在线安装依赖包。具体可以参考这篇文章:

5款超好用的在线IDE,可以直接编写前端构建化项目,而无需在本地下载依赖包

唯一的不足就是国内访问速度不够快。

推荐指数:5颗星

4、掘金代码片段

掘金代码片段

路径:https://code.juejin.cn/

点击新建代码片段后,允许你分别输入HTML+CSS+JS,可以运行、发布共享给其他人。这样其他人也能看到效果演示。

特点:其实就是国内版的在线IDE,界面几乎与codepen.io雷同

推荐指数:4颗星

除特别声明外, 本站所有内容皆为原创,未经许可,禁止转载。转载时请务必以超链接形式标明文章出处和作者信息
  • 2,182
(1)
打赏 微信扫一扫 微信扫一扫
关于WEB前端圈

我是前端人(imqd.cn)愿景是不管你是想学习前端还是一名专业的WEB前端工程师在这里都能找到你想要的物料。定位为前端人学习进步的一个平台。在这里你能找到前端学习笔记、教学视频资源、案例、前后端分离、前端框架、低代码平台、可视化数据、多端开发、全栈开发等跟前端有关的一切资源!

关于站长:WEB前端老罗(罗老师)是一位拥有多年web前端开发经验、管理经验、IT培训教学经验的实战派全栈工程师。目前在某名企任职WEB前端技术教官。右边加我微信可提供开发、技术咨询、答疑、直播讲座等服务

WEB前端圈二维码

右边添加老罗微信一对一免费私聊
拉你加入官方微信答疑群

To top