nicobeyond / JsBox

采用Vue+nodejs实现的在线Js编辑器

Home Page:http://code.smallcfj.club

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JsBox

点击预览

采用Vue+nodejs实现的在线Js编辑器,前后台通过接口进行访问,可以在线编辑、保存、分享Js代码,实现了简单的响应式。 前台:vue 后台:nodejs、文件存储

界面预览

深色风格界面(装逼专用(〃'▽'〃))

左边可以收起来,中间的横条可以上下拉动噢

为了防止重复提交,搞了个简单的验证码--诗歌验证

运行

下载项目到本地,里面有两个文件夹:

front-vue:采用vue实现的简单单页应用,访问接口与后台通信

JsBox:项目后台,主要采用文件的方式存储信息

1、进入JsBox文件夹

// 安装项目的依赖包
npm install

// 运行
npm start

2、进入front-vue文件夹

// 安装项目的依赖包
npm install

// 运行
npm run dev

发布

1、进入front-vue文件夹

// 编译(压缩)
npm run build

2、将dist文件夹中生成的文件全部拷贝到JsBox/public文件夹中,然后发布该node项目即可

About

采用Vue+nodejs实现的在线Js编辑器

http://code.smallcfj.club


Languages

Language:JavaScript 58.2%Language:Vue 40.0%Language:HTML 1.8%