vue項目下常用的npm命令詳解
更新時間：2025年08月05日 10:07:48 作者：北風(fēng)toto
文章介紹了Vue項目中常用的npm命令：npm run serve啟動、npm install安裝依賴、npm run build構(gòu)建,運(yùn)行前后文件體積變化顯著,需HTTP服務(wù)器運(yùn)行,npm工具不僅限于Vue,還廣泛應(yīng)用于其他場景
1、npm run serve
- 一般為npm項目的啟動命令
2、npm install
用于構(gòu)建vue項目啟動需要的環(huán)境
- 構(gòu)建項目需要的依賴
- 運(yùn)行前，文件總大小為1.8MB
運(yùn)行后，大小為166MB，node_modules占了164MB
3、npm run duild
用于構(gòu)建服務(wù)器啟動，啟動方式看參考文檔（不是三言兩語能解釋的）
- 運(yùn)行前
運(yùn)行后，這個dist文件夾大致為10.9MB（作者的數(shù)據(jù)）
- 打包之后的使用
一開始運(yùn)行npm run build 命令時，有這么一段提示：
這句話的意思就是：
構(gòu)建文件務(wù)必放在一個HTTP服務(wù)器。直接打開index.html文件將不工作。
解決方式：
創(chuàng)建下面這個文件，重新運(yùn)行npm run build
vue.config.js
module.exports={
publicPath:"./"
}
其他
npm不僅僅可以在vue中使用，還有不少的地方使用到這個工具，所以有不少的命令和vue并沒有關(guān)系，npm只是vue項目中的一項工具而已。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue三元運(yùn)算之多重條件判斷方式(多個枚舉值轉(zhuǎn)譯)
這篇文章主要介紹了vue三元運(yùn)算之多重條件判斷方式(多個枚舉值轉(zhuǎn)譯)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了Vue Socket.io源碼解讀，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vue數(shù)組去重的12種方法示例全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要介紹了mpvue全局引入sass文件的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了vant 自定義 van-dropdown-item的用法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue3使用ref獲取dom結(jié)果為'null'的原因詳析
這篇文章主要給大家介紹了關(guān)于vue3使用ref獲取dom結(jié)果為'null'的原因詳析,ref是Vue3中一個非常重要的功能,它可以用來獲取DOM節(jié)點(diǎn),從而實現(xiàn)對DOM節(jié)點(diǎn)的操作,需要的朋友可以參考下2023-07-07
keepalive?是?Vue?內(nèi)置的一個組件，可以使被包含的組件保留狀態(tài)，或避免重新渲染，也就是所謂的組件緩存，這篇文章主要介紹了說說你對Vue的keep-alive的理解,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了vue中使用GraphQL的實例代碼,本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-11-11
啟動項目時遇到ES6的拓展運(yùn)算符報錯可以通過切換到淘寶鏡像,以及在項目根目錄下新增.babelrc和postcss.config.js文件來解決,這些操作有助于正確配置項目環(huán)境,從而避免報錯,并保證項目的順利運(yùn)行,希望這些經(jīng)驗?zāi)軌驇椭接龅较嗤瑔栴}的開發(fā)者2024-10-10
html中引入Vue.js的cdn實現(xiàn)簡單的文檔單頁
這篇文章主要為大家介紹了html中引入Vue.js的cdn實現(xiàn)簡單的文檔單頁示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08