本文最后更新于 2024-05-12，

若内容或图片失效，请留言反馈。部分素材来自网络，若不小心影响到您的利益， 请联系我 删除。

本站只有Telegram群组为唯一交流群组， 点击加入

文章内容有误？申请成为本站文章修订者或作者？ 向站长提出申请

效果预览

68747470733a2f2f696d672e616c6963646e2e636f6d2f7470732f544231416737434e5858585858616f5858585858585858585858582d3332302d3438332e676966.gif

游戏框架使用的是 Vue + Vuex

安装

npm install

运行

npm run dev

浏览自动打开 http://localhost:8080

多语言

在 i18n.json 配置多语言环境，使用"lan"参数匹配语言如：https://Binaryify.github.io/vue-tetris/?lan=en

http://binaryify.github.io/vue-tetris/?lan=zh

打包编译

npm run build

在 dist 文件夹下生成结果。

数据持久化

最怕什么？断电。通过订阅 store.subscribe，将state储存在localStorage，精确记录所有状态。网页关了刷新了、程序崩溃了、手机没电了，重新打开连接，都可以继续。

Vuex 状态预览（Vue DevTools extension）

反向代理

参考教程：安装及使用

⚠️Nginx Proxy Manager（以下简称NPM）会用到80、443端口，所以本机不能占用（比如原来就有Nginx）

互联网使用请确保完成了域名解析