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 目錄丟到服務器就可以了，是不是很簡單。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com