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