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

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之间的关系[小白总结]》