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環境去運行

.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM