Vue2.0如何發(fā)布項(xiàng)目實(shí)戰(zhàn)

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

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

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

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

項(xiàng)目截圖如下：

項(xiàng)目截圖

二、項(xiàng)目打包

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

index.js文件

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

打包后的截圖

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

dist文件夾

三、發(fā)布

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

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com