Vue2.0如何發(fā)布項目實(shí)戰(zhàn)
更新時間：2017年07月27日 09:27:48 作者：陳楠酒肆
本篇文章主要介紹了Vue2.0如何發(fā)布項目實(shí)戰(zhàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
大家好，這節(jié)我們主要講解項目的發(fā)布，其實(shí)很簡單，沒有大家想的那么復(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í)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue+openlayers+nodejs+postgis實(shí)現(xiàn)軌跡運(yùn)動效果
使用postgres（postgis）數(shù)據(jù)庫以及nodejs作為后臺,vue和openlayers做前端,openlayers使用http請求通過nodejs從postgres數(shù)據(jù)庫獲取數(shù)據(jù),這篇文章主要介紹了vue+openlayers+nodejs+postgis實(shí)現(xiàn)軌跡運(yùn)動,需要的朋友可以參考下2024-05-05
使用VUE實(shí)現(xiàn)在table中文字信息超過5個隱藏鼠標(biāo)移到時彈窗顯示全部
這篇文章主要介紹了使用VUE實(shí)現(xiàn)在table中文字信息超過5個隱藏，鼠標(biāo)移到時彈窗顯示全部,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
本篇文章主要介紹了深入對Vue.js $watch方法的理解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧。2017-03-03
這篇文章介紹了使用vue-cli搭建腳手架的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
VUE微信H5生成二維碼海報保存在本地相冊的實(shí)現(xiàn)
本文主要介紹了VUE微信H5生成二維碼海報保存在本地相冊的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
Vue使用Element折疊面板Collapse如何設(shè)置默認(rèn)全部展開
這篇文章主要介紹了Vue使用Element折疊面板Collapse如何設(shè)置默認(rèn)全部展開，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了淺談Vue知識系列-axios，本文章內(nèi)容詳細(xì)，具有很好的參考價值，希望對大家有所幫助，需要的朋友可以參考下<BR>2023-01-01
Vue2.7是Vue2.x的最終次要版本,下面這篇文章主要給大家介紹了關(guān)于vue3.x項目降級到vue2.7的解決方案,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)無限消息無縫滾動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue設(shè)置默認(rèn)首頁的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08