vue與node和npm關係

（1）node功能

準確的說是使用vue-cli 腳手架搭建項目的時候須要nodejs。也能夠用script標籤引入vue.min.js這樣的，在js裏實例化vue也行。

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

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

 

（2）webpack

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

    Vue.js能夠在html裏引用，使用npm引入是方便包管理。等到應用須要的庫和框架多起來後，一個個從html裏引入就不方便了。因此用到打包工具好比webpack，能夠直接require引入以後將不一樣模塊打包成單個js文件。同時這些工具提供各類自動化處理，讓前端開發更爽。最後Vue.js是數據驅動，和JQuery思路不一樣，你幾乎不須要本身進行復雜低效的dom操做，開發簡介明瞭。

 

（3）關係梳理

  webpack可以把.vue後綴名的文件打包成瀏覽器可以識別的js，而這個.vue文件裝換須要打包器vue-loader

  這個vue-loader打包器是能夠從npm上面下載（npm上面有不少資源包），npm下載文件以後，webpack打包文件的時須要node環境去運行

.