数码资讯
如何vue2.0发布项目实战
大家好,这一节我们主要讲解项目的发布,其实很简单,没人觉得这么复杂,具体如下操作。 1。创建Vue项目 首先,我们需要创建Vue项目,并创建项目的代码如下: #全球安装Vue CLI NPM安装--全球VUE CLI美元 #创建基于模板的新项目WebPACK $ Vue init WebPACK我的
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
大家好,这一节我们主要讲解项目的发布,其实很简单,没人觉得这么复杂,具体如下操作。
1。创建Vue项目
首先,我们需要创建Vue项目,并创建项目的代码如下:
#全球安装Vue CLI
NPM安装--全球VUE CLI美元
#创建基于模板的新项目WebPACK
$ Vue init WebPACK我的项目
#安装依赖,你走了
我的项目
$ NPM安装
为新公共管理的发展
该项目的截图如下:
项目截图
两。项目包装
需要在包装之前修改的一个地方,那就是配置-> index.js文件,修改assetspublicpath:assetspublicpath:'。,下面的截图:
index.js文件
上面的文档进行了修改,开始打包,执行以下命令:
新公共管理的构建
包装后的截图
包后,dist文件夹将在项目目录中生成的,这是我们整体的项目。如图所示。
dist文件夹
三。释放
最后一步很简单。你可以把dist目录到服务器。这不是很简单。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
1。创建Vue项目
首先,我们需要创建Vue项目,并创建项目的代码如下:
#全球安装Vue CLI
NPM安装--全球VUE CLI美元
#创建基于模板的新项目WebPACK
$ Vue init WebPACK我的项目
#安装依赖,你走了
我的项目
$ NPM安装
为新公共管理的发展
该项目的截图如下:
项目截图
两。项目包装
需要在包装之前修改的一个地方,那就是配置-> index.js文件,修改assetspublicpath:assetspublicpath:'。,下面的截图:
index.js文件
上面的文档进行了修改,开始打包,执行以下命令:
新公共管理的构建
包装后的截图
包后,dist文件夹将在项目目录中生成的,这是我们整体的项目。如图所示。
dist文件夹
三。释放
最后一步很简单。你可以把dist目录到服务器。这不是很简单。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。