详解从零搭建企业级 vue3 + vite2+ ts4 框架全过程

发布于：2023-04-30 09:43:34

本文不仅仅是搭建个脚手架这么简单，还会带你了解每一步、甚至每一个配置项的作用，和每个配置的知识点

涉及到的知识点：Vue3、Vite、TypeScript、ESlint、Stylelint、Vue-router、Axios、Pinia

本文项目初始化时间为2022/2/19，运行初始化命令获得的 vite 最新版本为 2.8.0

整个搭建过程体系因为我想把每个点都写得详细一点，所以内容会很多，全文主要分为两个部分：

第一部分为开发环境及脚手架基本能力的搭建：

• 基本环境准备

• 初始化 vite项目

• 扩展 vite 配置

• 配置 TypeScript

• 接入代码规范

第二部分为应用层能力的建设：

• 接入 vue-router

• 接入 Axios

• 接入 UI 库

• 接入 Piniainia)

• 接入 Echarts5

源码地址：https://github.com/JasonLuox/fronted

内容较多，笔者能力也有限，难免会有所遗漏和错误，欢迎在评论区指出，所有合理的批评和建议我都会采纳和表示感谢~

https://blog.csdn.net/KlausLily/article/details/126774883