国家电网交流建设分公司网站高州新闻 头条 今天

1 Netlify 介绍

为什么推荐 Netliy ， 主要还是穷，Netlify 免费太香了

Netlify	you
优势	100GB 内免费 ，满足个人日常 需求，
操作,兼容性	绑定代码仓库，提交代码自动部署 支持 github , gitlab 等 大多常用代码仓库
易操作	只需要简单几步绑定 （下边讲到）

• 下面是我自动化部署的网站 👇 例 ：可以免费设置 域名前缀 ， 操作简单，如下几步

2 绑定步骤

[ 第 一 步 ] ====================================== 👇

• 打开官网 => 点击跳转

• 先登陆 ，以 github 登陆为例子
• 登陆后点击，新增 => 导入项目

[ 第 二 步 ] ====================================== 👇

• 关联仓库，然后选择自己仓库里的 要部署的项目

[ 第 三 步 ] ====================================== 👇

填写项目相关信息

• 设置 域名前缀
• 点击确定查看域名是否重复和可用 👇

• 设置根目录（一般为最外层 为 / ， 这里可以省略），如果项目在内层则需要填写

• 设置 打包命令 （静态页面不需要打包的不填）;

• 之后设置项目的打包命令 （vue 和 react 等创建的项目默认 npm run build ），如果修改了打包命令则这里填写修改后的;

• 设置打包的文件夹 （默认根目录的 dist 文件夹），根据上边填写的 根目录匹配的;
• 最后点击创建 ， 点击创建

• 如果本地 npm run build 没啥问题和错误，基本上都可以部署成功

[ 第 四 步 ] ====================================== 👇

• 等待线上 打包成功

3 部署后访问

• 例 ： 访问 => 点击跳转

如果觉得自己够帅的话，请点赞证明自己 ！！！