尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

手把手跑通无名杀:从克隆仓库到浏览器出牌的完整流程

手把手跑通无名杀:从克隆仓库到浏览器出牌的完整流程 手把手跑通无名杀从克隆仓库到浏览器出牌的完整流程【免费下载链接】noname项目地址: https://gitcode.com/gh_mirrors/nona/noname终端里pnpm dev转了两分钟没动静浏览器打开却是打不开页面——第一次接触无名杀的人大多卡在这一步。其实整个项目离能玩只差三条命令克隆、装依赖、启动。跟着本文做完你能在本地浏览器里打开这个能选武将、能出牌的三国杀网页游戏。认识这个三国杀扩展无名杀是一个开源的网页版三国杀把武将技能、卡牌、对战模式全部跑在浏览器里内置国战、单挑、实时联机等多种玩法。技术栈是 TypeScript Vue 3 Vite用 pnpm workspace 管理核心游戏、文件服务、联机服务器等子包。环境要求 Node.js ^20.19.0 或 22.12.0、pnpm 9浏览器需要 Chromium 91 或 Safari 16.4暂不支持 Firefox。仓库自带大量扩展角色与皮肤装好依赖就能开局。 跑通主流程备料确认 Node.js 与 pnpm 就位目标确认本机已具备构建工具链。先确认两个工具是否都在项目要求 Node.js 不低于 20.19或 22.12 及以上node -v pnpm -v预期结果两条命令各输出一行版本号。如果 Node 有版本、pnpm 提示找不到命令用一条命令装好npm install -g pnpm执行克隆仓库并装齐依赖目标把代码和依赖一次备齐。先拉取仓库并进入项目目录git clone https://gitcode.com/gh_mirrors/nona/noname cd noname再安装依赖相当于把零件一次性备齐工作区里所有子包都会装上pnpm install预期结果进度滚动后结尾打印Done in xxx没有红色报错。验收启动开发服务并打开页面目标浏览器出现可操作的游戏界面。pnpm dev会同时做三件事启动文件服务器8089 端口、监听构建内置扩展、启动 Vite 开发服务器8081 端口并自动打开浏览器pnpm dev预期结果浏览器打开http://127.0.0.1:8081出现加载画面与模式选择能选武将开局就算跑通。更多启动参数见 docs/how-to-start.md。 处理三个常见启动卡点命令被 PowerShell 禁止运行时现象PowerShell 里执行任何 npm/pnpm 命令立刻报无法加载文件...npm.ps1因为在此系统上禁止运行脚本。 原因Windows PowerShell 默认执行策略不允许运行本地脚本。 处理执行set-executionpolicy remotesigned -scope currentuser再重跑原命令。端口被占导致页面打不开时现象终端出现Port 8081 is in use浏览器无法连接或一直转圈。 原因8081Vite 客户端或 8089文件服务被别的程序占用。 处理先关掉占用端口的程序若必须保留把apps/core/vite.config.ts里的 port 与packages/fs/src/index.ts的默认端口同步改成同一个新端口再重启。浏览器不支持时现象页面打开后一片空白或交互完全无响应。 原因无名杀只支持 Chromium 91 与 Safari 16.4Firefox 不行。 处理换 Chrome、Edge 等 Chromium 内核浏览器并确认 JavaScript 已启用。 进阶出口跑通界面后最实用的下一步是拉人联机执行pnpm -F noname/server dev启动联机 WebSocket 服务监听 8082 端口游戏内联机模式地址填localhost:8082两人即可同桌。游戏逻辑已经在本地跑着只差一条通信通道packages/server/ 源码不大现在就能读完。下一步现在切回终端在项目根目录敲 pnpm dev进浏览器选个武将打完第一局。【免费下载链接】noname项目地址: https://gitcode.com/gh_mirrors/nona/noname创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表