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

时间:2021-09-15
本文章向大家介绍node、npm、webpack、vue-cli傻傻分不清?,主要包括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之间的关系[小白总结]》

原文地址:https://www.cnblogs.com/shan333/p/15271244.html