提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
这里我们学习将上一篇实现的效果发布到线上,要发布到线上。那么这里学习的是视频是国外的教学,所以也是发到国外线上!哪怕发布成功,墙内可以也是访问不到,不知道如何翻墙的同学,可以跳过了。
https://threejstext01.vercel.app/ // 放一下我的效果,有可能访问不了!
一、打包
基于webpack,vite等可以进行将项目打包会生成dist文件。这一步不急
npm run build
二、现代托管解决方案
1.Versal
Login – Vercel // 地址
注册完成之后 ,在项目中先安装vercel
npm i vercel
然后在package.json中加入 "deploy": "vercel --prod" 这个是为了能将代码推到你注册的代码托管平台上
npm run build
然后就可以执行npm run deploy
下面将以图片展示
总结
这样我们就可以在线上看,自己的作品! 不过这个托管平台,会根据你访问的人流量来决定是否收费,不过正常作品展示,是免费的!