大家好,这一节我们主要讲解项目的发布,其实很简单,没人觉得这么复杂,具体如下操作。

1。创建Vue项目

首先,我们需要创建Vue项目,并创建项目的代码如下:


#全球安装Vue CLI
NPM安装--全球VUE CLI美元
#创建基于模板的新项目WebPACK
$ Vue init WebPACK我的项目
#安装依赖,你走了
我的项目
$ NPM安装
为新公共管理的发展


该项目的截图如下:


项目截图



两。项目包装

需要在包装之前修改的一个地方,那就是配置-> index.js文件,修改assetspublicpath:assetspublicpath:'。,下面的截图:


index.js文件




上面的文档进行了修改,开始打包,执行以下命令:
新公共管理的构建

包装后的截图

包后,dist文件夹将在项目目录中生成的,这是我们整体的项目。如图所示。


dist文件夹



三。释放

最后一步很简单。你可以把dist目录到服务器。这不是很简单。



以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。