网站首页 > 教程文章 正文
今天给大家分享一款超经典Electron+Vue.js贪吃蛇小游戏SpaceSnake。
space-snake 基于electron-vue构建的桌面端贪吃蛇小游戏。支持设置游戏等级、速度、保存游戏状态等功能。
技术栈
- 基于Electron + Vue.js开发
- 状态管理:Vuex
- 路由:Vue-router
- 编译打包:Webpack
- 样式:SASS
- 测试:Karma + Mocha.
快速安装
# 下载源码到本地
git clone https://github.com/ilyagru/Space-Snake.git
# 进入项目目录
cd Space-Snake
# 安装依赖
npm i
# 开发调试
npm run dev
# 构建打包
npm run build
# electron-vue仓库地址
https://github.com/SimulatedGREG/electron-vue
如果对Electron-vue开发小游戏感兴趣,可以去看一看哈!
大家可以发挥想象力,在此基础上开发出一些有意思的小游戏。
# 仓库地址
https://github.com/ilyagru/Space-Snake
ok,今天就分享到这里。如果大家有其它好的Electron项目,欢迎一起交流分享。
猜你喜欢
- 2025-10-19 前端错误可观测最佳实践_前端错误处理
- 2025-10-19 工作中,前端开发要看项目,怎么查看别人的js项目代码
- 2025-10-19 AI时代的全栈框架:独立开发者的机会与挑战
- 2025-10-19 (CAD集成到网页)网页查看CAD的SDK快速入门
- 2025-10-19 前端webpack从入门到精通视频教程文末下载
- 2025-10-19 CSS 定位详解_css定位方式
- 2025-10-19 React Server Component 从理念到原理
- 2025-10-19 比Webpack快700倍的Turbopack,到底快在哪?
- 2025-10-19 webpack之CLI(命令行接口)详细介绍
- 2025-10-19 一篇文章说清 webpack、vite、vue-cli、create-vue 的区别
- 10-19前端错误可观测最佳实践_前端错误处理
- 10-19工作中,前端开发要看项目,怎么查看别人的js项目代码
- 10-19超趣味 Electron+Vue 贪吃蛇游戏Snake
- 10-19AI时代的全栈框架:独立开发者的机会与挑战
- 10-19(CAD集成到网页)网页查看CAD的SDK快速入门
- 10-19前端webpack从入门到精通视频教程文末下载
- 10-19CSS 定位详解_css定位方式
- 10-19React Server Component 从理念到原理
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)