最后部署

在完成所有前置工作之后，我们现在将步入项目的最后部署阶段。这部分内容将指导你如何将wuhu-home-Caidan项目部署到本地服务器或线上环境。

部署到本地环境

启动本地开发服务器

进入项目源代码目录（假设你已经在上一章中完成了安装依赖）：

cd wuhu-home-Caidan
pnpm dev

这将会编译项目并启动一个本地服务器，你可以通过浏览器访问 http://localhost:3000 (opens in a new tab) 或者命令行提示的其他端口来预览项目。

部署到生产环境：使用Vercel CLI命令行

• 在本章节中，我们将通过Vercel命令行工具（CLI）详细说明如何将你的项目部署到Vercel的生产环境。首先确保你已注册并登录Vercel账号，并安装了Vercel CLI。
• 如果还没有Vercel账号，请访问vercel.com (opens in a new tab)并点击右上角的“Sign Up”进行注册。

安装Vercel CLI

步骤1：安装Vercel CLI

• 如果你跟着做了之前的环境部署，你可以直接打开终端并运行以下命令来全局安装Vercel CLI：

npm install -g vercel

步骤2：登录Vercel账号

• 在终端中执行登录命令：

vercel login

步骤3：上线部署

• 登录完毕后，打开你的项目根目录

cd F:\Project\testbir\wuhu-home-Caidan
vercel

它会问你是不是在这里开始，我们选择是（y）

y

然后它会问你你要在哪个范围部署，直接回车就好

这里它说Vercel CLI已经检测到名为“shuakamis-projects/wuhu-home-caidan”的现有项目，并询问你是否希望将当前本地项目与此线上项目关联（链接）。

如果输入y，就是确认将当前的本地" F:\Project\testbir\wuhu-home-Caidan"项目与云端的“shuakamis-projects/wuhu-home-caidan”项目建立关联。这样，本地项目的任何更改将会自动部署到已链接的线上项目。如果你不想进行关联，可以输入'n'以选择其他选项或新建一个项目部署。 我选择n（不关联）

? Found project “shuakamis-projects/wuhu-home-caidan”. Link to it? [Y/n] n
? Link to different existing project? [Y/n]

接下来它询问你，那么要联系到其他的项目吗？我选择n

F:\Project\testbir\wuhu-home-Caidan>vercel
Vercel CLI 32.6.1
? Set up and deploy “F:\Project\testbir\wuhu-home-Caidan”? [Y/n] y
? Which scope do you want to deploy to? shuakami's projects
? Found project “shuakamis-projects/wuhu-home-caidan”. Link to it? [Y/n] n
? Link to different existing project? [Y/n] n
? What’s your project’s name?

接下来它询问你，你的项目名称是什么？ 这种情况看你自己啦~

输入好名字之后，接下来就一路回车确认。再 稍等一会，你就可以看到项目部署成功了 *如果你需要自定义域名、绑定等等，请前往vercel.com查看，这里不再赘述