平时做的一些vue或者react项目想线上部署之后可以让别人预览,可以通过netlify这个平台实现。配合GitHub使用,真的很方便。
创建vue项目,推送到远程代码仓库。
vue create netlify-app
git remote add 你的仓库地址
git push -u origin master
打开https://www.netlify.com/注册账号,建议直接使用GitHub账号进行登录。
登录成功之后点击创建新站点使用Git按钮。

选择GiitHub,这时候会弹出授权登录的窗口,直接点击授权就可以。

选中刚才提交到GitHub的vue项目。

选中需要发布的分支,填写编译命令和发布目录(生成目录)。点击发布按钮就OK了!!


成功之后会弹出可以预览的地址,点击打开就可以了。以后每一次代码修改之后提交到GitHub就会自动发布。
网友评论