#📋教程# CodePen→Replit#Base#
输入“/”快速插入内容
#📋教程# CodePen→Replit#Base#
#📋教程# CodePen→Replit#Base#
用户3865用户38651月30日修改
2023年7月19日创建
4476
4859
4
1
是什么
简述如何将CodePen移植到Replit。
为什么
CodePen支持预处理器。例如
可以用 Haml/Markdown/Slim/Pug 语法来写 HTML；
也可以用 LESS/SCSS/Sass/Stylus/PostCSS 语法来创建 CSS；
以及用 CoffeeScript/LiveScript/TypeScript/Babel 语法来生成 Javascript。
怎么办
1.
新建 Repl，在左侧文件树中可以看到有 html、js 和 css 三个文件。
2.
登录 CodePen 下载项目，在 dist 文件夹中逐一粘贴 *.html、*.css、*js 到 Replit 对应的三个文件当中。
3.
另一种无需注册登录 CodePen 的方法，过程比较麻烦：
逐一粘贴 CodePen 的 HTML、CSS、JS 到 Replit 对应的三个文件当中（每一个文件都有坑）。
•
HTML：仅替换 Hello world，其他的代码不要删掉。