大家好，这节我们主要讲解项目的发布，其实很简单，没有大家想的那么复杂，具体如下操作。

一、创建VUE项目

首先我们需要创建VUE项目，创建项目的代码如下：

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

项目截图如下：

项目截图

二、项目打包

在打包之前需要修改一个地方，那就是config->index.js文件，修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下：

index.js文件

//上面文件改好后，开始打包，执行如下命令：
npm run build

打包后的截图

打包后，项目目录下会生成dist文件夹，这就是我们的整体项目。如图所示：

dist文件夹

三、发布

最后一步就简单了，直接把 dist 目录丢到服务器就可以了，是不是很简单。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Vue2.0  # 发布项目  # Vue  # Vue.js实战之Vuex的入门教程  # vue项目实战总结篇  # Vue实战之vue登录验证的实现代码  # Vue.js实战之组件之间的数据传递  # 优雅的处理vue项目异常实战记录  # 详解vue项目构建与实战  # vue-router项目实战总结篇  # vue实战中的一些实用小魔法汇总  # 这就是  # 很简单  # 大家好  # 创建一个  # 好后  # 大家多多  # 就可以  # 其实很简单  # 如图所示  # 那就是  # 这节  # 目录下  # npm  # cli  # webpack  # global  # install 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  详解Oracle修改字段类型方法总结  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  Laravel如何实现API速率限制？（Rate Limiting教程）  深入理解Android中的xmlns:tools属性  如何在Windows 2008云服务器安全搭建网站？  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  jquery插件bootstrapValidator表单验证详解  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  如何确认建站备案号应放置的具体位置？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  利用python获取某年中每个月的第一天和最后一天  Laravel如何实现用户注册和登录？（Auth脚手架指南）  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  Laravel怎么调用外部API_Laravel Http Client客户端使用  香港服务器租用费用高吗？如何避免常见误区？  网站制作软件有哪些,制图软件有哪些？  如何在香港免费服务器上快速搭建网站？  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  Laravel PHP版本要求一览_Laravel各版本环境要求对照  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  Laravel怎么上传文件_Laravel图片上传及存储配置  为什么要用作用域操作符_php中访问类常量与静态属性的优势【解答】  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  网站图片在线制作软件,怎么在图片上做链接？  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  Thinkphp 中 distinct 的用法解析  如何注册花生壳免费域名并搭建个人网站？  轻松掌握MySQL函数中的last_insert_id()  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】  微信小程序 五星评分(包括半颗星评分)实例代码  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  如何基于PHP生成高效IDC网络公司建站源码？  HTML 中如何正确使用模板变量为元素的 name 属性赋值  Laravel Fortify是什么，和Jetstream有什么关系  网站优化排名时，需要考虑哪些问题呢？  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  ,南京靠谱的征婚网站？  如何用花生壳三步快速搭建专属网站？  Laravel广播系统如何实现实时通信_Laravel Reverb与WebSockets实战教程  IOS倒计时设置UIButton标题title的抖动问题  ,在苏州找工作，上哪个网站比较好？  Claude怎样写约束型提示词_Claude约束提示词写法【教程】  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  java ZXing生成二维码及条码实例分享