在Windows环境下使用Vercel部署静态网站

2023-03-03 20:05:41 浏览数 (1)

我想使用Vercel来部署静态网页,但是与此同时,我又不想通过Git的形式。那么如何在Windows环境下通过Vercel CLI来部署静态网页呢?

使用Vercel CLI就必须要npm, 我们可以首先先去下载NodeJS for Windows并安装 OpenJS Windows NodeJS其他额外组件不需要安装。

Vercel CLI安装

安装Vercel

代码语言:javascript复制
npm i -g vercel

本来我以为可以放到不在C盘,我直接用Pycharm新建环境,再到里面输入上面的代码。 结果发现其实,都是安装到AppData里面 T_T

Vercel CLI使用

https://vercel.com/docs/cli 我目前在PyCharm新建的项目文件夹内放置了我的静态网页,并直接通过Termainal输入vercel直接上传。 如果你是通过cmd的话,需要先cd到对的文件夹之后再上传。

直接输入vercel,就是preview, 你也可以通过vercel –prod实现直接放到production内。

Vercel CLI登录

代码语言:javascript复制
vercel

> >  No existing credentials found. Please log in:
? Enter your email or team slug: 

第一次使用会让你登录,无论你使用第三方如GitHub,还是Signin with Email都可以填写你的Email来进行验证。 它会通过发送邮件,你点击验证链接进行验证。

代码语言:javascript复制
We sent an email to example@example.com. Please follow the steps provided inside it and make sure the security code matches Delightful Meerkat.
> Success! Email confirmed
Congratulations! You are now logged in. In order to deploy something, run `vercel`.

Vercel CLI上传具体设置

代码语言:javascript复制
(venv) D:PycharmProjectsexamplewebsite>vercel
Vercel CLI 22.0.1
? Set up and deploy “D:PycharmProjectsexamplewebsite”? [Y/n] y
? Which scope do you want to deploy to? yourVercelAccountName
? Link to existing project? [y/N] n
? What’s your project’s name? examplewebsite
? In which directory is your code located? ./

通过以上设置,即可上传完成,并可以通过网页查看了。

0 人点赞