大家好，這節(jié)我們主要講解項目的發(fā)布，其實很簡單，沒有大家想的那么復(fù)雜，具體如下操作。

一、創(chuàng)建VUE項目

首先我們需要創(chuàng)建VUE項目，創(chuàng)建項目的代碼如下：

# 全局安裝 vue-cli$ npm install --global vue-cli# 創(chuàng)建一個基于 webpack 模板的新項目$ vue init webpack my-project# 安裝依賴，走你$ cd my-project$ npm install$ npm run dev

項目截圖如下：

項目截圖

二、項目打包

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

index.js文件

//上面文件改好后，開始打包，執(zhí)行如下命令：npm run build

打包后的截圖

打包后，項目目錄下會生成dist文件夾，這就是我們的整體項目。如圖所示：

dist文件夾

三、發(fā)布

最后一步就簡單了，直接把 dist 目錄丟到服務(wù)器就可以了，是不是很簡單。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。