使用 Vercel 提供的命令行工具，可以把前端应用部署到 Vercel，完成以后任何人都可以通过浏览器使用我们开发的前端应用。先打开 vercel 的官方网站，点击 Sign Up 可以申请一个帐户，之前我用 Github 申请了一个 vercel 帐户，所以可以直接 Log In，选择使用 Github 登录。

然后回到终端，在系统的全局安装一下 vercel 命令行工具，执行 npm install vercel --global ，在全局范围安装 vercel 这个包。安装好以后就可以使用 vercel 这个命令行工具了。

先执行一下 vercel login ，登录一下，选择登录方法，我的帐户是基于 Github 申请的，所以选择 Continue with Github。在浏览器上显示登录成功以后，再回到终端，现在就可以使用 vercel 部署应用了。

在想要部署的前端项目的下面，执行 vercel deploy，提示配置部署，输入 Y，按下回车。选择部署范围，再按下回车，是否链接已有项目，输入 N，再填写一下项目的名字，直接回车。选择代码的位置，在当前目录，可以直接按下回车确认。

vercel 可以部署使用不同框架开发的前端应用，这里它自动检测出我的这个项目是用 Create React App 创建的，提示是否要修改这些配置，输入 N ，按下回车。回答完这些问题以后，vercel 开始执行部署，它会在项目的下面创建一个 .vercel 目录，里面有一些相关的配置。

完成以后，可以使用 vercel 提供的地址访问到我们的应用了，复制一下这个生产环境的地址，然后在浏览器上访问一下，现在这里显示的就是我们在本地开发好的 React 应用。

访问 vercel.app 这个域名的时候可能会遇到网络问题，所以一般我们可以使用自己的域名，提前按 vercel 的要求配置一条 dns 记录，一般就是配置一条 cname 类型的记录。

然后在 vercel 的控制面板里面，找到我们的项目，打开 settings，然后找到 domains，在这里添加提前准备好的域名，我这里就是 ninghao-react-vercel.ninghao.co ，点击 Add 添加域名。

vercel 会给域名签发 ssl 证书，完成以后，可以在浏览器访问一下这个地址。现在就可以使用我们自己的域名访问部署在 vercel 上的 react 应用了。