Vue 3 项目必备插件：Yarn 安装指南

Vue 3 项目必备插件：Yarn 安装指南

使用 Yarn 搭建 Vue 3 项目时，以下插件是必不可少的，它们涵盖了路由、状态管理、HTTP 请求、样式预处理、代码规范、打包优化等方面，帮助您快速构建高效的 Vue 3 项目。

基础插件：

1. 'vue-router': 路由管理器
2. 'vuex': 状态管理器
3. 'axios': 发送 HTTP 请求

样式处理：

4. 'sass-loader': 编译 Sass
5. 'less-loader': 编译 Less
6. 'postcss-loader': 处理 CSS 兼容性问题

代码规范与编译：

7. 'babel-loader': 编译 ES6/7/8/9 语法
8. 'vue-loader': 编译 .vue 文件
9. 'eslint-loader': 代码规范检查

打包相关：

10. 'style-loader': 将 CSS 插入到 HTML 中
11. 'css-loader': 解析 CSS 文件
12. 'file-loader': 处理文件
13. 'url-loader': 处理图片文件
14. 'vue-template-compiler': 编译 Vue 模板
15. 'webpack-dev-server': 实现自动编译和热更新
16. 'webpack-merge': 合并 webpack 配置文件
17. 'clean-webpack-plugin': 清理打包目录
18. 'html-webpack-plugin': 自动生成 HTML 文件
19. 'mini-css-extract-plugin': 将 CSS 提取为独立的文件
20. 'optimize-css-assets-webpack-plugin': 压缩 CSS 文件
21. 'uglifyjs-webpack-plugin': 压缩 JS 文件