Day03-03：前端工程化

Day03-03：前端工程化

1.以前：

在之前的前端开发当中，我们需要什么样的资源，我们就在工程当中引入对应的字眼，然后直接使用就可以了。最终就形成了Day03-01：Ajax-Axios2-案例.html这样的工程结构。但这只是小白眼中的前端开发。这种结构的工程在开发大型项目的时候会存在很多的问题，比如说我们每一次开发一个功能都是从0开始，多个页面中的组件或者是功能复用性并不好，并且我们的JS文件，图片资源文件没有规范化的存储目录。在团队协作开发时，每一个开发人员都有自己的开发习惯，这样做不便于项目的维护和管理。

2.现在：

​ 1.前端工程化：是指在企业级的前端开发项目中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。从而提升前端开发的开发效率、产品质量、降低开发难度和开发成本

​ 2.所以在现在的前端开发当中，都讲究前端开发的模块化、组件化、规范化、自动化。

模块化：指的是我们可以将JS、css制作成一个个可以复用你挂的模块。

组件化：我们可以将组件、css样式、JS行为封装成一个个的组价，便于管理。

规范化：指的是我们可以提供一套标准规范的目录结构和编码规范，所有开发人员都遵循这一套统一的规范进行开发就可以了。

自动化：指的是项目的构建、项目的部署、项目的测试都可以自动化的进行

​ 这些就组成了前端的工程化开发

我们使用了前端工程化以后，使用Vue开发大型项目的时候，我们就需要考虑代码的目录结构、代码的部署和测试等事情。如果每一个项目都需要手动的来完成这些工作，那么效率会变得非常低。所以通常会使用一些现成的工具来帮助我们完成这些事情。这个工具就是Vue官方提供的脚手架工具。