本文介绍: CodePen(代码笔)一款前端所见即所得的工具,我们可以在线编辑制作前端页面,所见即所得。同时网站提供所有常见的 js、css 库,并且支持流行技术(如 SASS),免去了我们自建平台的麻烦。But 它是一个英文网站。
CodePen是一个在线的前端代码编辑工具(可用于制作测试页面、代码调试)
1.简单介绍
1.什么是 CodePen?
CodePen(代码笔)一款前端所见即所得的工具,我们可以在线编辑制作前端页面,所见即所得。同时网站提供所有常见的 js、css 库,并且支持流行技术(如 SASS),免去了我们自建平台的麻烦。
2.CodePen 主要功能
- 即时预览。我们甚至可以本地修改并即时预览别人的作品。支持多种主流预处理器。
- 快速添加外部资源文件。只需在输入框里输入库名, CodePen 就会从 cdnjs 上寻找匹配的 css 或 js 库。
- 免费创建模板。支持创建三个模板,不是每个作品都需要从白板开始。
- 优秀的外嵌体验。在 WordPress 或 Reddit 等支持 oEmbed 的平台上,只要简单地把链接贴入编辑框,发布后会自动转为嵌入作品。
2.如何使用
点右上角的Sign Up注册,这里可以用三个第三方网站注册,也可以用电子邮件。
当然,你如果只是想编程,可以直接写代码,只需要点Start Coding,只不过有了账号可以保存。
在这个网站上,你可以搜集到很多的资源,当然还可以用.html的格式下载作品。
原文地址:https://blog.csdn.net/lixinhe_4090/article/details/130027130
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_32772.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。