Vue2.0如何发布项目实战
更新时间：2017年07月27日 09:27:48 作者：陈楠酒肆
本篇文章主要介绍了Vue2.0如何发布项目实战，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
大家好，这节我们主要讲解项目的发布，其实很简单，没有大家想的那么复杂，具体如下操作。
一、创建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 目录丢到服务器就可以了，是不是很简单。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
vue+openlayers+nodejs+postgis实现轨迹运动效果
使用postgres（postgis）数据库以及nodejs作为后台,vue和openlayers做前端,openlayers使用http请求通过nodejs从postgres数据库获取数据,这篇文章主要介绍了vue+openlayers+nodejs+postgis实现轨迹运动,需要的朋友可以参考下2024-05-05
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
这篇文章主要介绍了使用VUE实现在table中文字信息超过5个隐藏，鼠标移到时弹窗显示全部,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
本篇文章主要介绍了深入对Vue.js $watch方法的理解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧。2017-03-03
这篇文章介绍了使用vue-cli搭建脚手架的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-03-03
本文主要介绍了VUE微信H5生成二维码海报保存在本地相册的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
Vue使用Element折叠面板Collapse如何设置默认全部展开
这篇文章主要介绍了Vue使用Element折叠面板Collapse如何设置默认全部展开，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了浅谈Vue知识系列-axios，本文章内容详细，具有很好的参考价值，希望对大家有所帮助，需要的朋友可以参考下<BR>2023-01-01
Vue2.7是Vue2.x的最终次要版本,下面这篇文章主要给大家介绍了关于vue3.x项目降级到vue2.7的解决方案,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-03-03
这篇文章主要为大家详细介绍了vue实现无限消息无缝滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了vue设置默认首页的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
最新评论