全国咨询热线:18720358503

梧州抖音微信小程序_Vue2.0怎么发布项目实战

类别:企业动态 发布时间:2021-01-11 浏览人次:

Vue2.0如何发布项目实战       本篇文章主要介绍了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 目录丢到服务器就可以了,是不是很简单。

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


下一篇:没有了

推荐阅读

梧州抖音微信小程序_Vue2.0怎么发布项目实战

Vue2.0怎样公布新项目实战演练 大伙儿好,这节大家关键解读新项目的公布,实际上非常简单,沒有大伙儿想的那麼繁杂,实际以下实际操作。一、建立VUE新项目最先大家必须建立...

2021-01-11
[科技]基于jquery下拉列表树插件代码

[高新科技]根据jquery往下拉目录树软件编码 :51 访问数:共享一款根据jquery往下拉目录树软件编码。它是一款好用的jquery 树型往下拉框 往下拉树编码免费下载。实际效果图以下:完成的...

2021-01-11
影响企业定制网站建设报价的因素

危害公司订制企业网站建设价格的要素创作者:在互连网迅速发展趋势的今日,企业网站建设是一件很广泛的事儿。企业网站建设的內容不一样,基本建设网站的价钱都不同。企业网站...

2021-01-11
广州凡科互联网科技股份有限公司招聘初级服装

招聘人数:7职位信息岗位职责1、调研市场,设计出符合市场需求与品牌定位的产品;2、及时把握市场流行信息、面辅料等趋势信息,结合流行趋势并配合公司产品计划进行产品开发,选...

2021-01-11
怎样解决网站收录量低的问题及标题Title优化影响

北京市企业网站建设承担人提示大伙儿,每日查询一下自身的百度收录,一天一次是每名网站站长都是做的,百度收录量的是多少危害的因数但是许多的,如同互换友谊连接时,一...

2021-01-11
网站设计时不要让用户牵着走

客户C说他在应用电脑上的情况下一定用到到X作用,可是我们的顾客端上沒有这一作用,假如拥有一定会更强。在掌握总体目标客户的全过程中,大家会纪录许多念头和建议。此外,在...

2021-01-11
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信