codepen_代码在线运行(含教程)

codepen(代码在线运行)简介

codepen是一个代码在线运行的在线工具，是一个在线的前端代码编辑、运行、分享和协作的平台，支持多种预处理器语法，比如Markdown、Haml、Slim、Pug、Sass、Less、Stylus、PostCSS等。你可以根据自己的喜好和需求选择合适的语言。你也可以不使用预处理器，完全用原生的HTML、CSS和JavaScript编写，该在线工具可以帮助你提高你的前端开发水平，也可以让你发现更多的创意和灵感。

codepen(代码在线运行)官网及使用教程

• 官网：https://codepen.io/

1、点击上面的官网链接打开该在线工具；

2、打开该在线工具后如上图所示，该工具的基础功能完全免费使用，只需注册账号即可开始，点击图示标注所示的“Start Coding”就可以代码编写了。

3、点击“Start Coding”后如上图所示，我们直接可以通过在线编辑器编写HTML、CSS和JavaScript代码，并可以实时预览效果。