node、npm、webpack、vue-cli傻傻分不清?


node、npm、webpack、vue-cli傻傻分不清?

 

1-1node、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之間的關系[小白總結]》

 


免責聲明!

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



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