Popcode是一个简单的HTML/CSS/JavaScript编辑环境,可在教室中使用。它很像JSBIN,JSFIDDLE或CODEPEN,但是当代码包含错误时,它专注于提供特定,直接,人类友好的反馈。

Popcode是2019-2020学年Web开发计划的官方编辑环境。
您可以在https://popcode.org上尝试爆米花。
验证系统是该项目的要点。大多数语法检查器,衬里和样式执行者倾向于使用针对经验丰富的编码器而不是初学者的语言提供反馈。因此,将错误消息转换为学生为学生简单的英语是该项目的重要关注点。
在强制性决策是任意的情况下,爆炸量倾向于严格执行皮棉和代码样式,即在为学生提供一种正确的方法的理念之下,消除了歧义并有助于学习过程。
Popcode使用React渲染视图, Redux来管理应用程序状态, ACE作为代码编辑器,包装客户端应用程序的WebPack以及Babel来编译现代JavaScript,以兼容与Legacy浏览器版本的兼容性。
使用SlowParse,HTMLLINT,HTML Inspector,Rework CSS,PrettyCSS,Stylelint,Jshint和Esprima检测学生代码中的错误。
爆炸是一个全志愿者项目,欢迎贡献。我鼓励首次贡献者从“入门指南”开始,该指南为您提供第一个拉动请求的每一步友好而详细的细分。
如果您想参与其中,但没有特定的了解,请查看良好的第一期并帮助想要的标签。如果您已经有了一个想法,那就去吧。
爆米花带有在nodeenv建立的电池中,包括电池。您需要安装Python;任何版本2.7+都可以使用。要设置环境,请运行:
$ tools/setup.py这将在项目根的nodeenv目录中的孤立环境中安装node和yarn 。它不会干扰这些工具的任何系统范围安装。
设置完成后,运行开发服务器,运行:
$ tools/yarn.py start这将在http:// localhost:3000上启动服务器
要以观察模式开始测试,请运行:
$ tools/yarn.py autotest查看package.json的"scripts"部分以获取其他有用的工具。
Popcode带有强大的自定义VS代码配置,该配置将由tools/setup.py自动启用。如果使用VS代码,则可以:
Show Recommended Extensions命令,以轻松安装改进爆米花开发人员体验的扩展task输入快速开放栏以自动完成任务以运行的任务来启动服务器,运行测试等等debug输入快速开放栏Popcode使用Prettier,Eslint和Stylelint之类的工具自动格式化代码。我们推荐将编辑器插件设置为“自动格式”。另外,您可以在承诺格式和自动柔软棉布之前运行tools/yarn.py lintfix 。爆米花的官方VS代码集成(已安装了推荐的扩展名)可以从开箱即用。
不需要您使用官方的开发环境来处理爆米花。您通常只需要在计算机上安装的节点和纱线的正确版本(请检查当前版本的package.json的"engines"部分)。
爆炸式努力要使用最新技术和代码惯例,以使开发尽可能愉快。以下是有关主要工具的参考文档的链接:
爆炸案是根据麻省理工学院许可证分发的。有关所有肮脏的详细信息,请参见附件的许可证文件。
这些公司慷慨地免费提供了爆米花访问其出色服务的付费层,免费:
如果您有任何疑问,请随时通过[email protected]给我发送电子邮件。
您可以在此处找到我们的Slack团队,包括我们的#DEV频道。