（1）node功能

準(zhǔn)確的說是使用vue-cli 腳手架搭建項目的時候需要nodejs。也可以用script標(biāo)簽引入vue.min.js這樣的，在js里實例化vue也行。

使用node有幾件事，打包部署，解析vue單文件組件，解析每個vue模塊，拼在一起，轉(zhuǎn)碼es6，less，等，啟動測試服務(wù)器localhost8080, 幫助管理 vue-router，vue-resource這些插件，直接拿來用。

? 也就這些好處，這都是所謂前端工程化，也是前端發(fā)展趨勢，掌握這些東西也能提升身價。

?

（2）webpack

? ??webpack能夠把.vue后綴名的文件打包成瀏覽器能夠識別的js，而這個.vue文件裝換需要打包器vue-loader→npm下載→node包管理工具

? ??Vue.js可以在html里引用，使用npm引入是方便包管理。等到應(yīng)用需要的庫和框架多起來后，一個個從html里引入就不方便了。所以用到打包工具比如webpack，可以直接require引入之后將不同模塊打包成單個js文件。同時這些工具提供各種自動化處理，讓前端開發(fā)更爽。最后Vue.js是數(shù)據(jù)驅(qū)動，和JQuery思路不同，你幾乎不需要自己進(jìn)行復(fù)雜低效的dom操作，開發(fā)簡介明了。

?

（3）關(guān)系梳理

? webpack能夠把.vue后綴名的文件打包成瀏覽器能夠識別的js，而這個.vue文件裝換需要打包器vue-loader

? 這個vue-loader打包器是可以從npm上面下載（npm上面有很多資源包），npm下載文件之后，webpack打包文件的時需要node環(huán)境去運行

.

轉(zhuǎn)載于:https://www.cnblogs.com/jianxian/p/10734204.html

總結(jié)

以上是生活随笔為你收集整理的vue与node和npm关系的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。