脚手架工具 npm与Webpack

npm：一个前端依赖包管理工具，可以使用npm下载项目所需要的依赖包。

全称是 Node Package Manager

可以参考这篇博客，了解npm是做什么的，https://blog.csdn.net/qq_37696120/article/details/80507178

Webpack：

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。

1.NodeJS安装

要使用npm就要先安装nodejs的环境

Mac