vue如何打包项目,vue打包项目上线教程

2020-12-13   阅读:517   分类:前端    标签: Vue

当我们做好项目,最后一步就是打包项目,部署到线上了。部署方法都两种,一个是通过vue的UI面板,一种是通过命令。

1、Vue UI面板-简单方便

我们点击UI面板左边的任务-bulid,然后再点击运行。

image.png

2、进入项目根目录。通过命令打包

npm run build

以上两者都会在项目根目录创建dist文件,也就是我们打包好的项目

image.png

可以看到目录下除了index.Html文件外,还有就是样式文件了,我们将其部署到服务器上即可访问。以上好就是vue打包项目的方法。


【腾讯云】618云上GO!云服务器限时秒杀,1核2G首年95元!

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/545.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录
简忆博客壁纸 头像

简忆博客
勤于学习,乐于分享。

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×