当我们做好项目，最后一步就是打包项目，部署到线上了。部署方法都两种，一个是通过vue的UI面板，一种是通过命令。
1、Vue UI面板-简单方便
我们点击UI面板左边的任务-bulid，然后再点击运行。
2、进入项目根目录。通过命令打包
npm run build
以上两者都会在项目根目录创建dist文件，也就是我们打包好的项目
可以看到目录下除了index.Html文件外，还有就是样式文件了，我们将其部署到服务器上即可访问。以上好就是vue打包项目的方法。
扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://tpxhm.com/fdetail/545.html
×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏
支付宝扫一扫打赏
简忆博客
勤于学习，乐于分享
置顶推荐
标签云
PgSQL
Highlight
SqlServer
字节跳动
企业微信
uView
MongoDB
微擎
wepy
ES6
游戏
uni-app
WordPress
canvas
FaceBook
SEM
云存储
刷机
Flutter
vscode
Docker
RabbitMQ
SVN
composer
插件
路由器
TP6
OneThink
Vue
swoole
Redis
帝国cms
CodeIgniter
虚拟机
方法技巧
防护
软件下载
JavaScript
AI
go语言
Android
JAVA
Git
Layui
React
区块链
Laravel
Mysql
node.js
html
linux
window
ECharts
GITHUB
bootstrap
UEditor
SEO
模板
服务器
微信开发
ECSHOP
style
正则
PhpStorm
轮播插件
sublime text
工具
layui.js
Python
操作系统
PhotoShop
jquery
TP5
ThinkPHP
AJAX
PHP
API
office
微信小程序
织梦cms
浏览排行
1 Facebook账号注册流程,手把手教你注册脸书账号
2 phpstorm 2019.2.1最新版激活码及破解教程更新至2021
3 oppo a57手机miui_V8.5.4.0刷机包下载及刷机教程
4 抖音发布视频作品定位设置成其他位置方法
5 npm ERR! missing script: serve 报错解决方法
6 解决Photoshop 打开报错找不到 VCRUNTIME140_1.dll问题
7 解决Vue报错Module not found: Error: Can't resolve 'less-loader' in 'C:\Users\Hm\Desktop\vue\vue_shop'问题
8 解决微信公众号分享给好友，朋友圈报错errMsg: "onMenuShareAppMessage:fail, the permission value is offline verifying"
9 解决win10分屏设置主显示器后图标不在主显示器问题
10 解决Linux 宝塔装完了提示“请先安装Web服务器！”
11 解决Centos7执行安装命令显示您需要 root 权限执行此命令
12 xftp 6破解版下载
最近热文
打赏本站
如果你觉得本站很棒，可以通过扫码支付打赏哦！
微信扫码：你说多少就多少~
支付宝扫码：你说多少就多少~
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）