一键部署指南¶
方法一:Windows 用户(PowerShell)¶
第一步:安装必要的软件¶
- 安装 Node.js
- 访问 https://nodejs.org/
- 下载 LTS 版本(长期支持版)
-
安装时一路点「下一步」
-
安装 Git
- 访问 https://git-scm.com/download/win
- 下载 exe 安装包
- 安装时选择「Use Git from Windows PowerShell」
第二步:打开 PowerShell¶
- 按
Win + X,选择「Windows PowerShell」 - 进入项目目录:
第三步:一键部署¶
复制粘贴以下命令:
# 安装依赖
npm install
# 安装 Vercel CLI
npm install -g vercel
# 登录 Vercel(浏览器会弹出)
vercel login
# 部署
npx vercel --prod
第四步:完成!¶
部署成功后,你会看到类似这样的地址:
方法二:Mac/Linux 用户(Terminal)¶
第一步:安装 Node.js¶
打开终端,运行:
第二步:部署¶
# 进入目录
cd ~/path/to/NiuMaBaiShen-web
# 安装依赖
npm install
# 安装 Vercel CLI
npm install -g vercel
# 登录
vercel login
# 部署
npx vercel --prod
Vercel 账号注册(免费的)¶
如果你没有 Vercel 账号:¶
- 运行
vercel login后会自动打开浏览器 - 选择「Sign Up」
- 可以用 GitHub、Google 或邮箱注册
- 注册后返回终端继续部署
重要:记下你的 API Token¶
部署时会让你创建一个 token,记下来以后可以自动化部署: 1. 访问 https://vercel.com/account/tokens 2. 点击「Create」 3. 给 token 起个名字(如「牛马拜神」) 4. 复制 token 备用
常见问题¶
Q: npm install 报错?¶
尝试:
Q: vercel login 失败?¶
确保: 1. 电脑能正常上网 2. 浏览器没有拦截弹窗 3. 关闭 VPN
Q: 部署很慢?¶
Vercel 在国外,访问可能慢。可以使用国内替代: - 阿里云OSS: 需要域名备案 - 腾讯云COS: 需要域名备案 - GitHub Pages + Cloudflare: 免费但国内慢
部署成功后¶
你会获得一个免费的 .vercel.app 域名,可以:
1. 直接分享给朋友使用
2. 配置小程序 web-view 加载这个地址
3. 生成二维码推广
下一步¶
部署成功后,告诉我你的网址,我可以帮你: 1. 生成推广二维码 2. 配置到微信小程序 3. 打包成 APK