专栏首页编程jsbin 4.1版本的本地搭建

jsbin 4.1版本的本地搭建

jsbin是一种开放源码的协同Web开发调试工具(http://jsbin.com/?html,output)。其优点是可以快速的提供前端需要的各种开发环境,快速地编辑代码,并实时显示页面最终的效果。

其实类似的在线代码运行工具有很多,比较有名的有codepen、runjs、codeanywhere等等。但jsbin的一个显著特点是开源。开发者们可以在自己的爱机上搭建一套自己的运行环境。这个应该是众多前端程序员儿时的梦想吧,amosworker(本人)也一样。

虽然在github上有开源的代码可以直接拷贝,也有说明文档,但搭建的过程并不是特别风顺的。在解决了遇到的所有问题后,amosworker想在此和大家分享一下搭建的方法,希望对大家有用。

Git clone

首先需要从 https://github.com/jsbin/jsbin 下载到源码。也可以用npm来直接安装源代码,但本人试了几次都不能成功。

于是采用了git clone的方法直接将代码拉取到本地。

安装

拉取完成后,运行

进行安装。(在此需要注意一下,node的版本需要为7.x)

如果遇到npm安装不成功,作者建议用yarn来安装。

安装成功后迫不及待的运行

发现直接报错

接下来就是要创建jsbin的数据库了。

先建立数据库

在build文件夹中找到一个full-db-v3.mysql.sql的文件,复制里面的sql语句,在workerbench里执行。然后启动数据库。运行bin/json 命令就可以启动jsbin的服务了。

注册本地用户

随意输入用户名、邮箱和密码就可以完成注册,不用进行邮箱确认

有了用户名我们就可以保存我们的劳动成果了O(∩_∩)O哈哈~

解决output无法运行的问题

在html中输入代码后,发现在右侧的output,没有任何反应。打开控制台后,发现output里有一连串的404报错。

另外,还会有一个路径是“*/blog/all.json” 的404报错,我们可以建一个public/blog/all.json的空文件来解决,或者将public/js/chrome/welcome-panel.js里的关于all.json的ajax请求注释掉。

到这里,本地的jsbin终于可以正常运行了。O(∩_∩)O哈哈~

本文来自企鹅号 - amos开发日记媒体

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 何为正则表达式?要他有何用?

    文章不好,作为学习,差不多就行了。 平常大家都会使用word,记事本之类的文字编辑软件,也会经常使用复制粘贴,把从知网下载下来的论文粘贴到自己的文章里面,一篇课...

    企鹅号小编
  • 深入机器学习系列10-ALS

    交换最小二乘 ? 1 什么是ALSALS是交替最小二乘(alternating least squares)的简称。在机器学习中,ALS特指使用交替最小二乘求解...

    企鹅号小编
  • 缓存在高并发场景下的常见问题

    丁浪,阿里影业架构师,社区活跃人士。有分布式事务,分布式缓存方面的总结文章获得好评。 本文获作者授权发布。 缓存一致性问题 当数据时效性要求很高时,需要保证缓存...

    企鹅号小编
  • 【玩转腾讯云】Python安装第三方库/包的一些操作

    最近在腾讯云上进行Python装包比较频繁,又碰上一些特殊情况,现就此进行简单总结。

    ZNing
  • 安装并配置jdk

    打开安装程序后 会有安装路径选择,可自行选择位置安装,但是最好文件夹名带jdk,比如jdk1.8.0_231 如过自行选择安装路径,则下一步的jre安装也要选...

    代码哈士奇
  • 【Python】windows下Eclipse中安装集成webpy框架

    这篇文章主要讲述的是在Windows下,在eclipse中如何通过使用webpy框架进行python的web开发。很多文章都是在自己一次次的碰壁中又决定自己写一...

    小小科
  • 『中级篇』docker企业版本地安装之UCP(57)

    PS:详细不介绍,就是一个图形化的,没啥介绍的。下次在阿里平台是建立下用云端玩玩。

    IT故事会
  • Flutter Widgets 之 ShaderMask

    ShaderMask可以让我们将Shader用于任何一个控件上,比如在Text上使用渐变就可以使用ShaderMask来实现:

    老孟Flutter
  • wpa_supplicant状态机

    wpa_supplicant状态机 像WAPI、EAP之类在关联之前也会进行认证。

    用户7557625
  • 【Python】windows下Eclipse中安装集成webpy框架

    作者:JueDream 来源:http://blog.csdn.net/qq_35731570/article/details/62221021?locatio...

    小小科

扫码关注云+社区

领取腾讯云代金券