Vue CLI 3 使技术解析-使用的技术解析-它还能自动修复一些小错误就像是帮你检查作业一样

Vue CLI 3 使用的技术解析

一、Webpack

Webpack 就是个打包大师，它把 JavaScript 文件和其他资源（比如 CSS、图片）打包成一个或多个文件，这样就能加快页面加载速度。

它还能把代码拆分成小块，这样就可以按需加载，就像吃零食一样，不用一次性把整个大蛋糕吃完。

最酷的是，它还能在开发时实时更新，不需要刷新页面就能看到变化，这就像魔法一样方便。

二、Babel

Babel 是个翻译官，它把新版本的 JavaScript 代码翻译成老版本的，这样所有浏览器都能理解。

它还补全了一些新特性在老浏览器中的缺失，就像是给老式手机装上了最新的 APP。

三、ESLint

ESLint 是个代码警察，它检查代码是否有问题，帮助保持代码的整洁和一致性。

它还能自动修复一些小错误，就像是帮你检查作业一样。

四、PostCSS

PostCSS 就是个 CSS 美容师，它通过各种插件来优化 CSS，比如自动添加浏览器前缀、压缩 CSS。

它让 CSS 写起来更加灵活和简单，就像是有了高级化妆师一样。

五、Jest

Jest 就是个测试小助手，它帮你测试代码是否正确，确保代码不会出问题。

它还有强大的功能，比如能同时测试多个文件，就像是多线程跑测试一样快。

Vue CLI 3 通过这些技术的结合，让前端开发变得轻松愉快，就像有了超级助手一样。