Skip to content

wobudapai/JsBox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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编辑器

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published