vue打包后dist文件在本地啟動運行的步驟
更新時間：2023年09月07日 08:56:36 作者：橙櫻
這篇文章主要給大家介紹了關于vue打包后dist文件在本地啟動運行的簡單步驟,文中通過代碼示例以及圖文介紹的非常詳細,對大家學習或者使用vue具有一定的參考價值,需要的朋友可以參考下
vue項目開發(fā)好后，想在本地運行測試最后的打包文件可以通過http-server來啟動。
步驟如下：
//1、打包項目文件 npm run build //2、進入dist打包文件 cd dist //3、全局安裝http-server npm install http-server -g //4、啟動dist文件(-p:端口。9008具體端口號) http-server -p 9008
命令截圖
最后在瀏覽器輸入：127.0.0.1:9007就可以查看了
總結(jié)
到此這篇關于vue打包后dist文件在本地啟動運行的文章就介紹到這了,更多相關vue打包文件本地啟動運行內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了vue 之 css module的使用方法，css module目的為所有類名重新生成類名，有效避開了css權(quán)重和類名重復的問題，非常具有實用價值，需要的朋友可以參考下2018-12-12
vue-cli3.0如何使用prerender-spa-plugin插件預渲染
這篇文章主要介紹了vue-cli3.0如何使用prerender-spa-plugin插件預渲染，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
在Vue中進行CRUD前端跨域操作時,可以通過后端設置跨域來解決,通常有三種方法：使用`@CrossOrigin`注解、在`mvc`的XML配置文件中設置以及自定義類進行配置,作者分享了這三種方法,并希望大家參考和使用2026-03-03
在使用Vite和WebStorm時,如果`vite.config.ts`已經(jīng)配置了路徑別名`@`,但WebStorm無法識別,可以通過在項目根目錄下創(chuàng)建`tsconfig.json`文件,并添加`baseUrl`和`paths`配置來解決,這樣不僅可以讓TypeScript正確解析路徑別名,也能讓WebStorm識別這些路徑2026-01-01
這篇文章主要介紹了Vue.js 2.0從基礎到組件的相關資料，文中介紹的非常詳細，對大家學習或者使用vue.js具有一定的參考價值，需要的朋友可以參考學習，下面來一起看看吧。2017-04-04
這篇文章主要為大家詳細介紹了基于vue.js組件實現(xiàn)分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
Vue組件間的通信pubsub-js實現(xiàn)步驟解析
這篇文章主要介紹了Vue組件間的通信pubsub-js實現(xiàn)原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-03-03
Element-UI表格嵌入popover遇到的問題及解決方案
在表格中我們通常需要在每一行的一些單元格中顯示popover,這篇文章主要給大家介紹了關于Element-UI表格嵌入popover遇到的問題及解決方案,需要的朋友可以參考下2023-11-11
本文主要介紹了Vue路由跳轉(zhuǎn)的4種方式小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
vue + typescript + video.js實現(xiàn) 流媒體播放 視頻監(jiān)控功能
視頻才用流媒體，有后臺實時返回數(shù)據(jù)， 要支持flash播放， 所以需安裝對應的flash插件。這篇文章主要介紹了vue + typescript + video.js 流媒體播放 視頻監(jiān)控,需要的朋友可以參考下2019-07-07