首页 > 其他分享 ># 搭建 vercel 并部署

# 搭建 vercel 并部署

时间:2023-12-08 17:35:50浏览次数:31  
标签:CLI 项目 部署 设置 vercel Vercel 搭建

安装环境

  1. Node.js下载地址

  2. 安装 Vercel CLI

# 全局安装
npm install -g vercel 
#或者 
yarn global add vercel

# 查看是否安装成功
vc -v

创建项目

image

  • 创建项目类型 + 项目名称
vc init hexo myBlogName
  • 运行项目
npm run dev
# 或者
yarn dev

部署

本地环境项目

注意:不是静态资源哦

  • 首先要部署到github上

  • 从vercel上连接github

  • 在vercel导入github里面仓库

  • 选择要部署的github项目名称

之后就直接部署github上就可以了,vercel他会自己从github仓库中更最新的资源

静态项目

登录本地连接vercel

image

vc login

首次部署

打开该的项目,进入终端命令下 vc 然后显示配置信息,直接一路回车

  • 这是打包过了项目部署[云端还没有的情况]
    image
  • 问题

? Set up and develop “F:\Blog\vercel_test\hexo”? [Y/n] 这个要选什么

在这里,Vercel CLI 询问您是否要设置并开发位于 "F:\Blog\vercel_test\hexo" 目录下的 Hexo 项目。您需要根据您的意图进行选择:

  • 如果您想要设置并在 Vercel 上部署该 Hexo 项目,以便通过 Vercel 进行托管和访问,可以选择 "Y"(意为"Yes",即"Yes,设置并开发该项目")。然后 Vercel CLI 将会为您完成项目的设置和部署。
  • 如果您不想在 Vercel 上部署该 Hexo 项目,或者已经在 Vercel 上部署过该项目,您可以选择 "n"(意为"No",即"No,不要设置并开发该项目")。

根据您的需求选择适当的选项,然后按下回车键确认您的选择。

? Link to existing project? 这个是什么意思

"Link to existing project?" 这个问题是指是否将现有项目与 Vercel 关联起来,而不是在 Vercel 上新建一个项目。如果您已经有一个项目,并且希望将其部署到 Vercel 上,而不是在 Vercel 上新建一个项目,可以选择 "Y"(Yes)来链接现有项目。

选择 "Y" 后,Vercel CLI 会要求您提供该现有项目的相关信息,例如项目的目录路径、构建设置等。然后 Vercel CLI 将使用这些信息来配置您的现有项目,并将其部署到 Vercel 上。

如果您想在 Vercel 上新建一个全新的项目,而不是链接现有项目,可以选择 "n"(No)来回答此问题。然后 Vercel CLI 将会引导您创建一个新的项目,选择合适的示例或模板,然后进行部署。

? Want to modify these settings? [y/N] 这个是什么意思

"Want to modify these settings?" 这个问题是在您确认了项目的设置后,Vercel CLI 询问您是否要修改这些设置。具体来说:

  • 如果您想继续使用之前设置的项目配置并直接进行部署,可以选择 "N"(意为"No",即"No,不想修改这些设置")。
  • 如果您想要修改部署的一些设置,例如项目名称、部署环境、自定义域名等,您可以选择 "y"(意为"Yes",即"Yes,我想要修改这些设置")。然后,Vercel CLI 将会再次展示之前的设置选项,并引导您进行相应的修改。

根据您的需求选择适当的选项,然后按下回车键确认您的选择。如果您选择 "N",Vercel CLI 将使用之前的设置进行部署。如果选择 "y",则可以进行修改后再次确认设置,然后继续进行部署。

更新

vc --prod

image

标签:CLI,项目,部署,设置,vercel,Vercel,搭建
From: https://www.cnblogs.com/tsalita/p/17888594.html

相关文章

  • springboot热部署配置
    第一步pom文件 <!--引入热部署依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><scope>runtime</scope><optional>true</optional></......
  • Docker部署ELK日志系统
    Docker部署ELK日志系统皓林 Java老王 2023-12-0515:27 发表于广东 一、Docker安装Elasticsearch官网镜像地址:https://hub.docker.com/_/elasticsearch1.1 下载镜像 查看镜像sudo dockerpullelasticsearch:7.6.1sudo dockerimages1.2 运行 elasticsear......
  • k8s~envoy的部署
    参考文档https://blog.51cto.com/wangguishe/5789239https://blog.csdn.net/qq_29974229/article/details/127190476https://blog.51cto.com/wangguishe/5789239envoy与后端应用关系图当在Kubernetes中使用Envoy作为边缘代理时,通常会将Envoy部署为一个Sidecar容器,与后端服......
  • 如何使用gogs搭建自己的git服务器
    最近偶然发现一款轻量级的git服务器,以前一直用的svnserver,最近想搞个git服务器,用gitlab资源占用太多了,gogs是一款轻量级git服务器,非常适合个人使用。 项目地址:https://github.com/gogs/gogs  以下教程是基于Windows/WindowsServer系统搭建步骤1、安装先决条件数据......
  • Informatica_1020_Server-标准环境搭建
    转:https://www.cnblogs.com/buwuzhengye/articles/15596765.html一、介质介质名称版本信息描述informatica_1020_server_linux-64.tar10.2.0forLinux64bit必须JavaJdk1.8_191forLinux64bit可选,如果想图形安装INFA就需要安装oracle_11g_client11GR2......
  • 脚手架架构设计和框架搭建
    站在前端研发的角度,分析开发脚手架的必要性脚手架核心价值是将研发过程自动化:项目重复代码拷贝/git操作/发布上线操作标准化:项目创建/gitflow/发布流程/回滚流程数据化:研发过程数据化、系统化,使得研发过程可量化自研脚手架和自动化构建工具的区别市面上已经有了如Jenkins......
  • 网站帮助中心搭建指南:从规划到实施的步骤解析
    摘要:随着互联网的迅速发展,网站帮助中心逐渐成为企业提供客户支持和解决问题的重要渠道。本文将提供一个全面的指南,介绍网站帮助中心搭建的步骤和要点,帮助你规划、设计和实施一个高效且用户友好的帮助中心。第一步:需求分析和规划在搭建网站帮助中心之前,需要进行需求分析和规划。目标......
  • 手把手教你搭建 Ceph+JuiceFS
    Ceph提供了对象存储,可作为存储引擎在JuiceFS中使用。这一组合非常适合云计算、大数据分析和机器学习等数据密集型应用场景。在日常部署中可直接通过CephRADOS配合JuiceFS使用,无需部署RGW。基于此方案实践以及运维中的常见问题,结合Ceph官方文档整理了这篇博客,旨在帮助那......
  • Windows服务器,通过Nginx部署VUE+Django前后端分离项目
    目录基本说明安装Nginx部署VUE前端部署Django后端Djangoadmin静态文件(CSS,JS等)丢失的问题1.基本说明本文介绍了在windows服务器下,通过Nginx部署VUE+Django前后端分离项目。本项目前端运行在80端口,服务器端运行在8000端口。因此本项目使用Django的......
  • xcat批量创建和部署vmware esxi虚机(仅测试esxi)
    安装参考xcatdocker部署使用,已添加esxi支持https://www.cnblogs.com/leaus/p/17884674.html编辑hosts表添加ip和主机名对应vi/etc/hosts192.168.1.101node01192.168.1.102node02添加节点,配置创建信息nodeaddnode01groups=nodevm,allnodeaddnode02groups=nodevm......