【Vite配置篇】一步步学习Vite常用配置及优化方案，让你快速进入开发状态，给我们带来更快的开发体验。

Vue-cli5 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-servi

随着网页项目越来越复杂，许多异常报错很难在开发和测试阶段被发现，尽管你可能避开了语法等常规错误，但不可避免的是代码在运行时的错误你仍旧无法准确预料，假设现在有如下一段 Vue 代码，它

按需引入插件unplugin-vue-components 的教程已经很多了，本文并不是单纯的介绍unplugin-vue-components 插件。

本篇文章将从0开始搭建一个企业可用的项目骨架，这里我使用的包管理工具时Yarn，别问为什么，问就是喜欢用这个；如果你是npm的话，直接将yarn add全部替换为npm i即可（废话文学）。

创建项目 执行以下命令创建项目，创建时选择vue 和 vue-ts 配置ESlint 创建完项目之后，本身并不支持ESlint，需要我们自己配置，首先安装eslint 安装完之后我们需要配置eslin

5w字长文讲述一个前端小白如何从零开始搭建项目，来感受小白首次使用这些令人眼花缭乱的技术时的艰辛与坎坷。

搭建 vite + vue3 + ts + pinia 项目框架..................

vite-plugin-svg-icons 预加载 在项目运行时就生成所有图标,只需操作一次 dom 高性能 内置缓存,仅当文件被修改时才会重新生成。