node、npm、webpack、vue-cli傻傻分不清?
1-1,node、npm、webpack、vue-cli各自作用:
▷node:node.js是服務端,瀏覽器端js有很多缺陷,比如不能操作本地文件吶,而node.js 可以。node是一個平台,是服務器端JavaScript的解析器,
nodejs本身運行Google V8 JavaScript引擎,所以速度和性能非常好。
▷npm:① npm官網 ② 包管理工具。
npm社區或官網是一個巨大的Node生態系統,社區成員可以隨意發布和安裝npm生態中的包,直接安裝到你的項目中就可以使用,
但是當包引入數量很多時管理就成為了一個問題,於是,npm已經為你做好了依賴和版本的控制,
也就是說使用npm可以讓你從繁雜的依賴安裝和版本沖突中解脫出來,進而關注你的業務而不是庫的管理。
▷ webpack:模塊化打包工具,webpack可以把你從npm中安裝的包打包成更小的瀏覽器可讀的靜態資源(模塊化打包工具)
▷ vue-cli:
■ CLI是Command-Line Interface,俗稱腳手架.
■ 使用Vue.js開發大型應用時,我們需要考慮代碼目錄結構、項目結構和部署、熱加載、代碼單元測試等事情。(vue 腳手架的作用),
而通過vue-cli即可:vue-cli 可以快速搭建Vue開發環境以及對應的webpack配置。
■ Vue.js官方腳手架工具就使用了webpack模板。
1-2,node、npm、webpack、vue-cli之間的聯系?
● node 為了正常執行很多的代碼,通過npm(Node Package Manager)工具進行管理和分發,我們會經常使用NPM來安裝一些開發過程中依賴包。
● 而 Webpack模塊化打包工具, 正常使用需要依賴node 環境。
● vue-cli 可以快速搭建Vue開發環境以及對應的webpack配置。
參考:
https://www.cnblogs.com/lxqailz/p/5574458.html 《什么是nodejs?nodejs的作用?創建第一個小實例》
https://blog.csdn.net/AngelLover2017/article/details/84801673 《前端模塊化開發中webpack、npm、node、nodejs之間的關系[小白總結]》