本地運行vue打包的dist文件實現(xiàn)方式
更新時間：2026年03月23日 08:50:40 作者：清歡灬
這篇文章主要介紹了本地運行vue打包的dist文件實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
1、全局安裝
express-generator
執(zhí)行命令
npm install express-generator -g
2、項目初始化(這里把項目名設置為server)
express -e server
3、進入項目根目錄
cd server → npm i 安裝依賴 → npm start 運行
4、將dist中文件復制
到server 中 public文件中
5、瀏覽器輸入
http://localhost:3000查看項目
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
karma+webpack搭建vue單元測試環(huán)境的方法示例
本篇文章主要介紹了karma+webpack搭建vue單元測試環(huán)境的方法示例，這次搭建的測試環(huán)境和開發(fā)環(huán)境隔離，所以理論上適用所有使用vue的開發(fā)環(huán)境。感興趣的小伙伴們可以參考一下2018-05-05
Elementui按鈕設置默認選中狀態(tài)的實現(xiàn)過程
這篇文章主要給大家介紹了關(guān)于Elementui按鈕設置默認選中狀態(tài)的實現(xiàn)過程,文中通過圖文以及示例代碼介紹的非常詳細,對大家學習或者使用Elementui具有一定的參考學習價值,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了vue3中router路由以及vuex的store使用解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
本篇文章主要介紹了詳解前后端分離之VueJS前端，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要介紹了nuxt.js寫項目時增加錯誤提示頁面操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了vue中this.$refs的坑及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
今天小編就為大家分享一篇Vue修改項目啟動端口號方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
本文主要介紹了Vue3怎么使用element-plus，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了vue實現(xiàn)在線進制轉(zhuǎn)換功能,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧2025-04-04
vue3 + ts + pnpm：nprogress / 頁
NProgress是一款輕量級的進度條庫,主要用于網(wǎng)頁頂部顯示頁面加載或運行進度,它易于安裝和使用,并提供良好的視覺效果,NProgress也可以與VueRouter結(jié)合使用,通過導航守衛(wèi)在路由跳轉(zhuǎn)時自動顯示和隱藏進度條,該庫的使用提高了用戶對網(wǎng)頁加載狀態(tài)的感知,優(yōu)化了用戶體驗2024-09-09