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