Vue2.0如何發(fā)布項目實戰(zhàn)
更新時間：2017年07月27日 09:27:48 作者：陳楠酒肆
本篇文章主要介紹了Vue2.0如何發(fā)布項目實戰(zhàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
大家好，這節(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í)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3子組件watch無法監(jiān)聽父組件傳遞的屬性值的解決方法
這篇文章主要介紹了Vue3子組件watch無法監(jiān)聽父組件傳遞的屬性值的解決方法,文中通過代碼示例講解的講解的非常詳細,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-10-10
vue3在table里使用elementUI的form表單驗證的示例代碼
這篇文章主要介紹了vue3在table里使用elementUI的form表單驗證的示例代碼,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-12-12
vue?draggable組件實現(xiàn)拖拽及點擊無效問題的解決
這篇文章主要介紹了vue?draggable組件實現(xiàn)拖拽及點擊無效問題的解決,只需要在設(shè)置handle屬性就可以了，.defaultTypeTag 是要拖拽的塊的類名，要注意的是需要做點擊事件的項不能包含在這個類名里面，不然會無法觸發(fā)點擊事件，詳細解決辦法跟隨小編一起學(xué)習(xí)吧2022-05-05
這篇文章主要為大家推薦了一篇值得收藏和學(xué)習(xí)的vue.js最細致的基礎(chǔ)語法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
vue3在自定義hooks中使用useRouter報錯的解決方案
這篇文章主要介紹了vue3在自定義hooks中使用useRouter報錯的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了Vue使用Ref跨層級獲取組件的步驟，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
這篇文章主要介紹了Vue?3.0?項目創(chuàng)建過程，首先要確保電腦上已安裝node.js,確保已安裝?Vue?CLI,本文結(jié)合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2024-04-04
這篇文章主要介紹了vue-router中關(guān)于meta的作用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
vue中的base64圖片轉(zhuǎn)網(wǎng)絡(luò)URL方式
在Vue中,可以直接將Base64編碼的圖片賦值給img元素的src屬性,此外,也可以通過JavaScript的URL.createObjectURL()方法將Base64轉(zhuǎn)換為Blob URL,進而轉(zhuǎn)換為File對象,并可進一步轉(zhuǎn)換為PNG或其他格式的圖片,這種轉(zhuǎn)換技術(shù)在前端開發(fā)中非常實用2024-10-10
vue 2 實現(xiàn)自定義組件一到多個v-model雙向數(shù)據(jù)綁定的方法(最新推薦)
有時候我們需要對一個組件綁定自定義 v-model,以更方便地實現(xiàn)雙向數(shù)據(jù),例如自定義表單輸入控件,這篇文章主要介紹了vue 2 實現(xiàn)自定義組件一到多個v-model雙向數(shù)據(jù)綁定的方法,需要的朋友可以參考下2024-07-07