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

vue

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

以上是 node、npm、webpack、vue-cli傻傻分不清? 的全部内容, 来源链接: utcz.com/z/380655.html

回到顶部